jQuery实现复选框的全选 反选 全不选

来源:互联网 发布:kvm虚拟机windows 编辑:程序博客网 时间:2024/05/17 05:10
<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>
原创粉丝点击