jquery复选框全选,反选和不选

最新推荐文章于 2024-06-01 16:11:46 发布

yanliling0909

最新推荐文章于 2024-06-01 16:11:46 发布

阅读量594

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/yanliling0909/article/details/8587239

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="script/jquery-1.4.3.js"></script>
<script>
$(function(){
   $("#CheckedAll").click(function(){
      $('[name=items]:checkbox').attr('checked',true);
   });
   $("#CheckedNo").click(function(){
     $('[name=items]:checkbox').attr('checked',false);
   });
  $("#CheckedRev").click(function(){
     $('[name=items]:checkbox').each(function(){
       $(this).attr("checked",!$(this).attr("checked"));
       // 也可以： this.checked=!this.checked;
     });
  });
  
  $("#CheckedAllNo").click(function(){
       $('[name=items]:checkbox').attr("checked",this.checked);
  });
  
  $('[name=items]:checkbox').click(function(){
     var flag=true;
     $('[name=items]:checkbox').each(function(){
        if(!this.checked){
        flag=false;
        }
     });
     $('#CheckedAllNo').attr('checked',flag);
  })
})

</script>
</head>
<body>
<form>
  你爱好的运动是?<br/>
   <input type="checkbox" id="CheckedAllNo" />全选/全不选
   <br/>
  <input type="checkbox" name="items" value="足球" />足球
  <input type="checkbox" name="items" value="篮球" />篮球
  <input type="checkbox" name="items" value="羽毛球" />羽毛球
  <input type="checkbox" name="items" value="乒乓球" />乒乓球
  <br/>
  <input type="button" id="CheckedAll" value="全选" />
  <input type="button" id="CheckedNo" value="全不选" />
  <input type="button" id="CheckedRev" value="反选" />
  <input type="button" id="send" value="提交" />
</form>
</body>
</html>

yanliling0909

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery复选框全选,反选和不选

$(function(){ $("#CheckedAll").click(function(){ $('[name=items]:checkbox').attr('checked',true); }); $("#CheckedNo").click(function(){ $('[name=items]:checkbox').attr('checke
复制链接

扫一扫

专栏目录