复制代码 代码如下: <br> //name 是html表单专用于区别各组 chechbox 的属性， 不要用id(必须唯一)或者其它属性<br> function getValues() {<br> var aV = getCheckboxValues("a");<br> var bV = getCheckboxValues("b");<br> var cV = getCheckboxValues("c"); <p> var result = "a组选中值: " + (aV=="" ? "未选中任何值" : aV) + "\n" +<br> "b组选中值: " + (bV == "" ? "未选中任何值" : bV) + "\n" +<br> "c组选中值: " + (cV == "" ? "未选中任何值" : cV);</p> <p> alert(result);<br> }</p> <p> function getCheckboxValues(name) {<br> return $(":checkbox[name="+name+"]:checked").map(function(){ <br> return $(this).val(); <br> }).get().join(",");<br> }</p> <p> function chkAll(obj) {<br> var name = $(obj).attr("name");<br> //也许你觉得我写得太复杂， 但jquery 版本众多， 可以学点东西总是好的<br> //1. jquery 1.6 以上<br> //$(":checkbox[name=" + name.substring(0, 1) + "]").prop("checked", $(obj).prop("checked"));<br> //2. jquery 1.6 以下<br> //$(":checkbox[name=" + name.substring(0, 1) + "]").attr("checked", $(obj).attr("checked"));<br> //3. 通用写法<br> $(":checkbox[name=" + name.substring(0, 1) + "]").each(function () {<br> this.checked = obj.checked;<br> });<br> }<br> 第1组(a)：全选/全不选 a1 a2 a3 a4 第2组(b)：全选/全不选 b1 b2 b3 b4 第3组(c)：全选/全不选 <输入类型=“复选框”名称=“c”值=“c1”/>c1 <输入类型=“复选框”名称=“c”值=“c2”/>c2 c3 c4>
