jQuery推断checkbox选中状态_

《jQuery推断checkbox选中状态_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、jQuery推断checkbox选中状态_这篇文章主要介绍了jQuery推断checkbox选中状态的相关资料，特别具有参考借鉴价值，感爱好的伴侣一起学习吧前言奇妙的JQuery怎么设置checkbox状态时好时坏？明明同一行代码，断点跟踪的确执行了，但是有时候好使，有时候却没有生效。到底对JS不是很熟识，只是通过JS来处理前端HTML的标签的状态设置时，通过JQuery有时候会更便利些的，但是发觉更不好办。今日尝试实现checkbox全选、全不选功能，与App开发中的效果是一样的，勾选全选则将全部的选项都选中；同样取消

2、勾选某个子项也将全选设置为非选中状态；全部子选项都为选中状态时，将全选设置为选中状态。由于对JS不是很熟识，于是尝试各种百度、google，发觉出来的文章都是坑爹啊。各种JQuery的，但是为什么我设置了就是没有作用的。起初以为是变量猎取不到，于是断点跟踪，对象是取到了的，但是设置JQuery的方法来设置就是没有作用。搜到的处理方式这里的checkbox的id为cbxSelectAll，于是尝试这么写：代码如下:$('#cbxSelectAll').attr('checked',true);结果是无效的。再尝试修改为：代

3、码如下:$('#cbxSelectAll').attr('checked','checked');结果是第一次设置生效了，再设置就没有生效。坑爹，这究竟是什么东西，怎么时好时坏呢？然后在设置为false时，这么写：代码如下:$('#cbxSelectAll').attr('checked',false);//也没有作用//$('#cbxSelectAll').attr('checked','');果真是都没有作用。但是通过下面的设置，可以取消选中：代码如下:$('#cbxSelectAll').removeAttr('c

4、hecked');莫非是年月久远，这些方法已经不再有效了吗？最终解决方法最终的解决方法还是放弃了JQuery，改用Javascript原生的Dom来设置。下面是设置为全选或者取消全选状态的代码：varcheckboxes=document.getElementsByName('selectIds');varselectedCount=0;varunSelectCount=0;for(vari=0;icheckboxes.length;i++){varcheckbox=checkboxes[i];if(checkbox.t

5、agName=="INPUT"checkbox.checked){selectedCount++;}elseif(checkbox.tagName=="INPUT"checkbox.checked==false){unSelectCount++;}}if(selectedCount==checkboxes.length){document.getElementById('cbxSelectAll').checked=true;}elseif(unSelectCount!=checkboxes.length){docume

6、nt.getElementById('cbxSelectAll').checked=false;}JQuery猎取状态JQuery通过checkbox的is函数来猎取状态：代码如下:varisChecked=$('#cbxSelectAll').is(':checked');之前尝试过用法attr函数来猎取，但是猎取的值显示为null：代码如下://显示为null，好生惊奇varisChecked=$('#cbxSelectAll').attr('checked');当然，我们也可以挺直用法Javascript原生的Do

7、m方式来猎取，确定是没有问题的：代码如下:varisChecked=document.getElementById('cbxSelectAll').checked;小结玩前端JQuery果真要比玩原生的JavaScript要吃力些，虽然有许多时候可以使代码更便利书写。不过还是两者结合来做吧。...