当前位置: 编程技术>jquery
jQuery实现复选框全选与取消全选实例
来源: 互联网 发布时间：2014-10-08
本文导语: 例子，jQuery实现的复选框全选、取消全选等。 代码示例: $(document).ready(function() { // 全选/取消全部 $("#checkAllChange").click(function() { if (this.checked == true) { $(".userid").each(function() { this.checked = true; }); } else { $...
例子，jQuery实现的复选框全选、取消全选等。
代码示例:
$(document).ready(function() {
// 全选/取消全部
$("#checkAllChange").click(function() {
if (this.checked == true) {
$(".userid").each(function() {
this.checked = true;
});
} else {
$(".userid").each(function() {
this.checked = false;
});
} www.
});
// 全选
$("#checkAll").click(function() {
$(".userid").each(function() {
this.checked = true;
});
});
// 取消全部
$("#removeAll").click(function() {
$(".userid").each(function() {
this.checked = false;
});
});
// 反选
$("#reverse").click(function() {
$(".userid").each(function() {
if (this.checked == true) {
this.checked = false;
} else {
this.checked = true;
}
})
});
//批量删除
$("#delAll").click(function() {
var arrUserid = new Array();
$(".userid").each(function(i) {
if (this.checked == true) {
arrUserid[i] = $(this).val();
}
});
alert("批量删除的:" + arrUserid);
});
});
www.
用户id
用户名
电话
地址
1
wangzs1
18888000
浦东
2
wangzs2
18888001
上海
3
wangzs3
18888002
河南
4
wangzs4
18888003
许昌
您可能感兴趣的文章：
- JQuery 复选框全选与反选的例子
- jQuery判断checkbox(复选框)是否选中、全选、反选
- jquery 判断checkbox(复选框)是否被选中
- jquery 复选框全选的小例子
- JQuery 复选框全选与反选的例子
- jquery checkbox 全选/全不选实现方法
- JQuery实现全选与反选的二种方法
- jQuery判断checkbox(复选框)是否选中、全选、反选
- JQuery checkbox全选的小例子
- jquery实现全选、反选、删除、添加的功能
- jQuery实现CheckBox全选、全不选的示例代码
- jquery实现checkbox的全选、取消及跨页保存
- jquery全选、反选、将选中的表单值分割为字符串
- jquery 全选、全不选、反选的实现代码
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。