Jquery 切换复选框

所以我有一个问题。我正在尝试切换复选框以便向父级 <tr> 添加一些 css

这就是我目前所拥有的

 $('input[type=checkbox]').toggle(function(){ 
 
    $(this).parents('tr').addClass('selectCheckBox', 970); 
}, 
function(){ 
 
    $(this).parents('tr').removeClass('selectCheckBox', 970); 
}); 

但是，这样做的结果是<tr>确实收到 selectCheckBox但复选框不会被选中。所以我尝试了以下方法:

 $('input[type=checkbox]').toggle(function(){ 
    $(this).attr('checked',true); 
    $(this).parents('tr').addClass('selectCheckBox', 970); 
}, 
function(){ 
    $(this).attr('checked',false); 
    $(this).parents('tr').removeClass('selectCheckBox', 970); 
}); 

再一次，运气不好。

我相信这与复选框 ID 的外观有关。

<input type="checkbox" name="select[]" id="select[]"> 

然后我尝试转义 []通过使用\\[\\]正如我过去使用过的那样，但没有运气。

有没有办法让checkbox检查了吗？

请您参考如下方法:

尝试change事件。另外，我认为 toggle 事件已被弃用，并且 addClass 不接受第二个参数(除非您使用 jQuery UI)。

$('input[type=checkbox]').change(function() { 
  $(this).parents('tr').toggleClass('selectCheckBox', $(this).is(':checked')); 
});