jQuery实现复选框全选,全不选功能 - 行业资讯 - 肥雀云

废话不多说了,直接给大家贴代码了,具体代码如下所示:

　　　　　　& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=" utf - 8 "/比; 　　全& lt; title> jQuery实现复选框选,全不选& lt;/title> 　　& lt;脚本src=" http://code.jquery.com/jquery-2.2.3.min.js " type=" text/javascript祝辞& lt;/script> 　　& lt;脚本type=" text/javascript祝辞　　$(函数(){ 　　$(':复选框).click(函数(evt) {//阻止冒泡　　evt.stopPropagation (); 　　});//判断是否全选　　$ (" # checkAll ") .click(函数(){ 　　$(“输入[name="小格子]”).prop(“检查”,this.checked); 　　}); 　　var小格子=美元(“输入[name='小格子']"); 　　subBox.click美元(函数(){//警报($ subBox.length);//警报($(“输入(小格子的):检查”). length); 　　$ (" # checkAll”) .prop(“检查”,小格子美元。长度==$("输入[name='小格子']:检查”)。长度& # 63;真:假); 　　});//用于检查是否选中,选中的话提示值　　$(" #对接”)。点击(函数(){//$(“输入[name="小格子]”).prop(“检查”,this.checked); 　　var arrChk=$("输入[name='小格子']:检查”); 　　$ (arrChk) . each函数(){//每()遍历函数　　警报(this.value); 　　}); 　　如果(arrChk.length==0) { 　　alert("没有选中”) 　　} 　　}); 　　}); 　　& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt; div> 　　& lt;输入id=" checkAll " type="复选框"/祝辞全选　　& lt;输入name="小格子类型=案囱】颉奔壑?" https://www.yisu.com/zixun/1 "/祝辞选1项　　& lt;输入name="小格子类型=案囱】颉奔壑?" https://www.yisu.com/zixun/2 "/祝辞选2项　　& lt;输入name="小格子类型=案囱】颉奔壑?" https://www.yisu.com/zixun/3 "/祝辞选3项　　& lt;输入name="小格子类型=案囱】颉奔壑?" https://www.yisu.com/zixun/4 "/祝辞选第四项　　& lt;输入类型="按钮" id="屁股" value=" https://www.yisu.com/zixun/检查是否选中“/比; 　　& lt;/div> 　　& lt;/body> 　　& lt;/html>之前　　　　

<强> jQuery版本问题

原本操作属性用的是<代码> $ (“XXX”) .attr (“attrName”);

而jQuery的版本用的是2.1.1,这就是存在一个兼容性和稳定性问题。

jQuery API明确说明,1.6 +的jQuery要用道具,尤其是复选框的选中的属性的判断,

<强>即使用代码如下:

　　　　　　$("输入[name='复选框']”).prop(“检查”); 　　$("输入[name='复选框']”)。道具(“禁用”,假); 　　$("输入[name='复选框']”)。道具(“检查”,真的); 　　　　

于是乎将attr改为道具,问题得解。
　　