Question

我是初学者。我希望当选中一个复选框时，它应该允许用户在txtbox中写一些东西。最初，txtbox被禁用。我应该使用jquery

在函数内写什么

Answer 1

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

Answer 2

<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 - 输入不会被发布，而readonly - 输入无需处理......

Answer 3

$(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');            
        }    
    });
});

我希望这段代码能够为您完美运行，并且您需要将其粘贴到您的页面中并根据它检查组件名称。

使用jquery的checkbox属性

3 个答案: