当前位置: 编程技术>jquery
jquery checkbox 全选/全不选实现方法
来源: 互联网 发布时间:2014-10-04
本文导语: 例子,jquery实现checkbox 全选与全不选(反选)。 代码: 代码示例: //name 是html表单专用于区别各组 chechbox 的属性, 不要用id(必须唯一)或者其它属性 function getValues() { ...
例子,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);
} // by www.
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):全选/全不选
c1
c2
c3
c4
>>> 您可能感兴趣的文章:
jquery实现checkbox全选全不选(示例)
JQuery checkbox全选的小例子
jquery实现全选、反选、删除、添加的功能
checkbox全选功能(jquery、javascript)
jQuery实现CheckBox全选、全不选的示例代码
jQuery全选取得选中值的实例代码
jquery实现checkbox的全选、取消及跨页保存
jquery 全选、全不选、反选的实现代码