js 完成checkbox 全选与复选[实例]

最新推荐文章于 2022-08-26 17:40:58 发布

AndyYuan10000

最新推荐文章于 2022-08-26 17:40:58 发布

阅读量1.1k

点赞数 1

分类专栏： js 文章标签： function input

本文链接：https://blog.csdn.net/wwwyuanliang10000/article/details/7183007

版权

js 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

全选 :       <input type="checkbox"  id="checkAll" />
		1:<input type="checkbox"  name="subBox" />
		2:<input type="checkbox"  name="subBox" />
		3:<input type="checkbox"  name="subBox" />
		4:<input type="checkbox"  name="subBox" />

$(function(){
    $('#checkAll').click(function(){
        $(this).each(function(){
              var allFlag = $(this).attr('checked');
               $('[name=subBox]:checkbox').attr('checked',allFlag);
         });
    });
      $('[name=subBox]:checkbox').click(function(){
             var flag = true;
             var allSelect = true;
           $('[name=subBox]:checkbox').each(function(index){
	                flag = $(this).attr('checked');
	                if(!flag){
	                        allSelect  = false;
	                       $('#checkAll').attr('checked',flag);
	                }
              });
            if(allSelect){
                   $('#checkAll').attr('checked',flag);
             }
      });
});