jquery實作checkbox 全選/全不選的通用寫法

複製程式碼 程式碼如下: //name 是html表单专用于区别各组 chechbox 的属性， 不要用id(必须唯一)或者其它属性 function getValues() { var aV = getCheckboxValues("a"); var bV = getCheckboxValues("b"); var cV = getCheckboxValues("c"); var result = "a组选中值: " + (aV=="" ? "未选中任何值" : aV) + "\n" + "b组选中值: " + (bV == "" ? "未选中任何值" : bV) + "\n" + "c组选中值: " + (cV == "" ? "未选中任何值" : cV);

alert(result); }

function getCheckboxValues(name) { return $(":checkbox[name="+name+"]:checked").map(function(){ return $(this).val(); }).get().join(","); }

function chkAll(obj) { var name = $(obj).attr("name"); //也许你觉得我写得太复杂， 但jquery 版本众多， 可以学点东西总是好的 //1. jquery 1.6 以上 //$(":checkbox[name=" + name.substring(0, 1) + "]").prop("checked", $(obj).prop("checked")); //2. jquery 1.6 以下 //$(":checkbox[name=" + name.substring(0, 1) + "]").attr("checked", $(obj).attr("checked")); //3. 通用写法 $(":checkbox[name=" + name.substring(0, 1) + "]").each(function () { this.checked = obj.checked; }); } 第1组(a)： 全选/全不选 a1 a2 a3 a4

第2组(b)： 全选/全不选 b1 b2 b3 b4

第3組(c)： 全選/全不選 輸入類型=「複選框」名稱=「c」值=「c1」/>c1 c2 type="checkbox" name="c" value="c3"checked="checked" />c3 c4 >

jquery實作checkbox 全選/全不選的通用寫法_jquery

相關文章