jquery全选和反选checkbox
2009-11-04 12:14
477 查看
<script type = "text/javascript">
$(document).ready(function() {
$("#selectAll").click( function() {
$(":checkbox").each( function() { $(this).attr("checked","true"); })
});
$("#selectOther").click( function() {
$(":checkbox").each( function() { $(this).attr("checked",!this.checked); })
});
});
</script>
<body>
<input type="checkbox" name="cb" value ="box1">box1
<input type="checkbox" name="cb" value ="box2">box2
<input type="checkbox" name="cb" value ="box3">box3
<input type="button" value="全选" id="selectAll">
<input type="button" value="反选" id="selectOther">
</body>
$(document).ready(function() {
$("#selectAll").click( function() {
$(":checkbox").each( function() { $(this).attr("checked","true"); })
});
$("#selectOther").click( function() {
$(":checkbox").each( function() { $(this).attr("checked",!this.checked); })
});
});
</script>
<body>
<input type="checkbox" name="cb" value ="box1">box1
<input type="checkbox" name="cb" value ="box2">box2
<input type="checkbox" name="cb" value ="box3">box3
<input type="button" value="全选" id="selectAll">
<input type="button" value="反选" id="selectOther">
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jQuery使一组CheckBox全选或取消全选
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作，实现全选与删除
- 利用jquery做checkbox全选全不选的例子
- JS、jQuery checkbox 全选+得到选择
- checkbox 多选框 ：jquery之全选、全不选、反选
- 通过Jquery全选或全部取消某个table的checkbox
- 用Jquery实现checkbox的反选、全选、全不选
- jquery 操作checkbox的例子(全选,反选,获取选取值...)
- jquery checkbox 全选 反选 子级全选默认选中父级
- jQuery实现checkbox 全选,全不选功能
- CheckBoxList 全选(jquery版本)
- jquery checkbox全选、取消全选实现代码
- 3分钟写出来的Jquery版checkbox全选反选功能
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- jQuery全选/反选checkbox
- jquery checkbox全选，全不选，反选方法，jquery checkbox全选只能操作一次
- 解决jquery操作checkbox全选全不选无法勾选问题
- jquery实现复选框checkbox全选，取消全选
- jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
- javascript, jquery实现checkbox全选，反选，取消选择