解决jQuery操作checkbox第二次失效的问题

Posted 2020-09-19

 

$("#selectInverse").click(function(){ $(":checkbox").each(function(){ $(this).attr("checked",!$(this).attr("checked")); }) });

 

困扰多时的checkbox二次选择失败问题原来是jquery版本升值的问题。和人一样，老了问题就来了。

1.6+的jQuery要用 prop，替代 attr 尤其是checkBox的checked的属性的判断。所以将代码更改如下即可解决问题。

 

1 function selectAll() {
2     $("#selectbox input").each(function() {
3         $(this).prop("checked", !$(this).prop("checked"));
4     });
5 }

 

参考资料：

http://blog.csdn.net/shippingxing/article/details/47684969