jQuery CheckBox全选、全不选实现代码小结

ttx9n · 发表于 2010-4-30 10:46:04

jQuery CheckBox全选、全不选实现代码小结，对于操作jquery的朋友可以参考下。直接上代码。

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
下面的代码比较全，是基于js的控制原理实现
复制代码代码如下:
<script src="http://img.jb51.net/jslib/jquery/jquery14.js"></script>
<script type="text/javascript">
//全选
function CheckedAll(){
$(':checkbox').attr('checked','checked');
}

//全不选
function CheckedNo(){
$(':checkbox').attr('checked','');
}

//反选
function CheckedRev(){
var arr = $(':checkbox');
for(var i=0;i<arr.length;i++){
arr[i].checked = ! arr[i].checked;
}
}
</script>
<body>
<div>
<input id="CheckAll" type="checkbox" />
<input name="subBox" type="checkbox" />
<input name="subBox" type="checkbox" />
<input name="subBox" type="checkbox" />
<input name="subBox" type="checkbox" />
</div>
<input type="button" name="btnCheckedAll" value="全　选" onclick="javascript:CheckedAll();" />
<input type="button" name="btnCheckedNo" value="全不选" onclick="javascript:CheckedNo();" />
<input type="button" name="btnCheckedRev" value="反　选" onclick="javascript:CheckedRev();" />
</body>

dingzhi521 · 发表于 2022-8-19 15:49:11

呵呵呵呵呵呵呵a

lba36h7g · 发表于 2022-9-6 02:35:25

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

溪谷玉贤 · 发表于 2022-9-10 06:05:29

为全额万千瓦

小伙伴 · 发表于 2023-6-5 14:13:03

1312315458748777

ki9ku6 · 发表于 2023-12-1 17:35:44

来看看怎么样

shw5ovr · 发表于 2024-5-18 08:49:29

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

u6h2m4 · 发表于 2024-6-10 19:26:35

好东西可以可以可以可以

.l4 · 发表于 2024-7-2 19:19:59

vcxvcxv

4r8oiin60 · 发表于 2024-8-18 01:15:03

554411515451555

账号		自动登录	找回密码
密码			立即注册

[JavaScript] jQuery CheckBox全选、全不选实现代码小结

相关帖子