jQuery實現CheckBox全選、全不選功能

2019-11-19 18:00:49

字體：大中小

來源：轉載

供稿：網友

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery實現CheckBox全選、全不選</title> <script src="http://code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>   <script type="text/javascript">     $(function() {     $(':checkbox').click(function(evt){       // 阻止冒泡       evt.stopPropagation();     });       //判斷是否全選       $("#checkAll").click(function() {         $('input[name="subBox"]').prop("checked",this.checked);        });       var $subBox = $("input[name='subBox']");       $subBox.click(function(){         //alert($subBox.length);         //alert($("input['subBox']:checked").length);         $("#checkAll").prop("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);       });       //用于檢查是否選中,選中的話提示值       $("#butt").click(function (){         //$('input[name="subBox"]').prop("checked",this.checked);          var arrChk=$("input[name='subBox']:checked");         $(arrChk).each(function(){  //each() 遍歷函數           alert(this.value);                     });          if(arrChk.length==0){           alert("沒有選中")         }       });     });   </script> </head> <body>   <div>     <input id="checkAll" type="checkbox" />全選     <input name="subBox" type="checkbox" value="1" />選項1     <input name="subBox" type="checkbox" value="2"/>選項2     <input name="subBox" type="checkbox" value="3"/>選項3     <input name="subBox" type="checkbox" value="4"/>選項4     <input type="button" id="butt" value="檢查是否選中"/>   </div> </body> </html>

jQuery版本問題

原本操作屬性用的是 $("XXX").attr("attrName");

而jQuery的版本用的是2.1.1，這就是存在一個兼容性和穩定性問題。

jQuery API明確說明，1.6+的jQuery要用prop，尤其是checkBox的checked的屬性的判斷，

即使用代碼如下:

$("input[name='checkbox']").prop("checked"); $("input[name='checkbox']").prop("disabled", false); $("input[name='checkbox']").prop("checked", true);

于是乎將attr改為prop，問題得解。

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

jQuery實現CheckBox全選、全不選功能

jQuery實現CheckBox全選、全不選功能