2010-10-27 32 views
0

我是一个初学者。 我希望当一个复选框被选中时,它应该允许用户在txtbox中写入内容。最初txtbox被禁用。我应该在函数内部使用jQuery复选框属性使用jQuery

回答

0
<input type="checkbox" id="cb" /> 
<label for="cb">label for checkbox</label> 
<input type="text" id="txt" disabled="disabled" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     var checkbox = $('#cb'); 
     var textfield = $('#txt'); 

     checkbox.click(function() { 
      if (checkbox.is(':checked')) { 
       textfield.removeAttr('disabled'); 
      } 
      else { 
       textfield.attr('disabled', 'disabled'); 
      } 
     }); 
    }); 
</script> 

working example with visibilty
working example with disabled-state

还写: 因为你是用asp.net的工作,你的任务应该是什么样子,比如:

var checkbox = $('#<%= this.cb.ClientID %>'); 

您应该知道服务器控件如何获得折线或者(选择适当的选择器)。
另外:你也应该知道这样一个事实,即disabled -inputs将不会发布,而readonly -inputs的处理没有问题... ...

0
$('#mycheckbox').click(function() 
{ 
    $("#mytextbox").attr('disabled',''); 
} 
); 
+0

- ,没有有效的xhtml – 2010-10-27 07:13:48

+0

它的早期,额外{的倾向于潜入;) – Sam 2010-10-27 07:16:25

+0

不......我正在关于'disabled'属性,而不是关于语法错误... – 2010-10-27 07:18:26

0
$(document).ready(function() 
{ 
    //To Disable the Check box on page Load 
    $('#TextBox').attr('disabled', 'disabled');  

    //On Click of the Check Box 
    $('#CheckBoz').click(function() 
    { 
     if($('#CheckBoz').is(':checked')) 
     { 
      $('#TextBox').removeAttr('disabled');    
     } 
     else 
     {   
      $('#TextBox').attr('disabled', 'disabled');    
     }  
    }); 
}); 

我希望这个代码完全适用于你你需要将它粘贴到你的页面并根据它检查组件名称。