复选框单击功能不起作用

Question

我有一组同名的复选框.每个复选框都关联一个文本框.在页面加载时,我禁用所有文本框.单击每个复选框时,应启用与该复选框对应的文本框.

问题是,我尝试使用不同的代码来启用复选框单击上的文本框.但是复选框单击功能不起作用.

代码如下所示(我使用的是MVC框架):

{loopstart:setting:100}
 {if($setting%2==0)}
 <tr height="30">
 {endif}
 <td align="left">          
 <input type="checkbox" name="settingcheck" id="setting{$setting[0]}" value="{$setting[0]}"/>{$setting[1]}
</td>                                                   <td>                                                

<input type="text" size="2px" id="text{$setting[0]}">                                               


</td>

                                                {if($setting%2==1)}
                                                <td>&nbsp;</td> 
                                                {endif}     
                                    {loopend:setting} 

JQuery的

$(document).ready(function(){
    $("INPUT[type=text]").prop("disabled",true); 
    $("INPUT[type=text]").css("background-color", "#ccc");

});

此代码用于禁用页面加载时的所有文本框,并且工作正常.

$('input[name='settingcheck']:checked').click(function() {

}

我编写了上面的函数来启用相应复选框单击的文本框.但是这个功能不起作用.我尝试在此功能中提醒一些文字.

代码中是否有任何问题.任何人都可以帮我解决这个问题.提前致谢.

Answer 1

你的字符串是不能正确形成:既然你已经使用''附上文字出现的所有'字符串中都被转义('input[name=\'settingcheck\']:checked'),也可以使用""替代

$(document).on('change', 'input[name="settingcheck"]', function() {
    if(this.checked){
        //this is checked now
    } else {
        //this is unchecked now
    }
});