jQuery实现复选框的全选 反选 全不选
2013-04-01 19:02
477 查看
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("#qx").click(function(){ $(":checkbox").attr("checked",true);});
$("#qbx").click(function(){ $(":checkbox").attr("checked",false);});
$("#fx").click(function(){$(":checkbox").each(function(){$(this).attr("checked",!$(this).attr("checked"))})});
});
</script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球<br>
<input type="button" id="qx" value="全选">
<input type="button" id="qbx" value="全不选">
<input type="button" id="fx" value="反选">
</form>
</body>
</html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("#qx").click(function(){ $(":checkbox").attr("checked",true);});
$("#qbx").click(function(){ $(":checkbox").attr("checked",false);});
$("#fx").click(function(){$(":checkbox").each(function(){$(this).attr("checked",!$(this).attr("checked"))})});
});
</script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球
<input type="checkbox" name="items">篮球<br>
<input type="button" id="qx" value="全选">
<input type="button" id="qbx" value="全不选">
<input type="button" id="fx" value="反选">
</form>
</body>
</html>
相关文章推荐
- jquery实现复选框打勾全选,其中一个子复选框不勾中,则不全选。所有子复选框全勾中则又全选。
- jquery学习之1.21-小练习4实现对复选框的全选,全不选,反选
- jquery实现购物车复选框总金额的变化以及全选和反选
- jquery实现点击复选框,勾选所有复选框,再次点击取消全选
- jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
- jquery 实现复选框的全选操作实例代码
- jQuery实现点击复选框即高亮显示选中行 全选、反选
- jQuery实现复选框的全选和反选
- JQuery实现列表中复选框全选反选功能封装(推荐)
- jquery怎么实现全选复选框
- JQuery实现复选框全选、反选、不选及获取选中值
- jquery实现复选框checkbox全选(完善)
- jQuery实现复选框的全选和反选:
- jQuery实现checkbox(复选框)选中、全选反选代码
- js与jQuery实现checkbox复选框全选/全不选的方法
- jQuery实现复选框的全选和反选
- jquery实现复选框的全选操作
- jquery实现复选框checkbox全选(完善)
- Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例
- JQuery复选框实现全选、单选