jquery checkbox实现全选与反选
2013-09-05 20:22
381 查看
jquery checkbox实现全选与反选,记得我以前发过可在线测试的全选与反选的js代码哦,现在发布的jquery的哦。
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="checkbox" name="111cn" id="111cn_1" value="1" />1<br />
<input type="checkbox" name="111cn" id="111cn_2" value="2" />2<br />
<input type="checkbox" name="111cn" id="111cn_3" value="3" />3<br />
<input type="checkbox" name="111cn" id="111cn_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
<script type="text/javascript">
$("#chk_all").click(function(){
$("input[name='111cn']").attr("checked",$(this).attr("checked"));
});
</script>
</body>
</html>
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="checkbox" name="111cn" id="111cn_1" value="1" />1<br />
<input type="checkbox" name="111cn" id="111cn_2" value="2" />2<br />
<input type="checkbox" name="111cn" id="111cn_3" value="3" />3<br />
<input type="checkbox" name="111cn" id="111cn_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
<script type="text/javascript">
$("#chk_all").click(function(){
$("input[name='111cn']").attr("checked",$(this).attr("checked"));
});
</script>
</body>
</html>
相关文章推荐
- jQuery实现CheckBox全选、全不选
- jQuery实现CheckBox全选、全不选
- jquery实现checkbox全选、取消全选
- 通过jQuery遍历div里面的checkbox,实现全选的功能
- JQuery实现的 checkbox 全选、反选。
- Jquery实现checkbox name是数组的情况下的全选/反选的2种写法
- jquery实现 checkbox全选和反选
- js/jquery实现checkbox全选和全不选代码总结
- jquery实现全选、反选、获得所有选中的checkbox
- JQuery实现 checkbox 全选、反选,子checkbox有没选去掉全选
- JQuery checkbox 全选实现
- 选中实现jquery实现复选框checkbox全选(完善)
- jQuery实现CheckBox全选、全不选以及获取选中的值
- 原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
- jquery实现checkbox全选反选
- jquery实现checkbox全选、取消全选
- 基于JQuery实现CheckBox全选全不选
- jQuery checkbox全选/取消全选实现代码
- jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
- jquery实现checkbox全选