类似于购物车等带有全选框的特效(jQuery方法)

最新推荐文章于 2023-02-02 23:48:46 发布

_cheny

最新推荐文章于 2023-02-02 23:48:46 发布

阅读量1k

点赞数

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/u010996565/article/details/73618088

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

	//全选框：id=allCheckBox name=allCheckBox  每个复选框：id=cartCheckBox name=cartCheckBox
	//全选框
	function checkAll(){
	    $("#allCheckBox").click(function(){
	        //获取当前全选框的选中状态
		var flag=$(this).attr("checked");
		    if(flag){
			//如果选中，则给下面的每个复选框都选中
			$("[name='cartCheckBox']").attr("checked",true);
		    }else{
			$("[name='cartCheckBox']").attr("checked",false);
		    }
	    });
	}
	//每个单选框
	function checkEach(){
	    $("[name='cartCheckBox']").click(function(){
		//统计个数
	        var count=0;
		//循环、判断、累加个数
		$("[name='cartCheckBox']").each(function(index, element) {
                    var flag=$(this).is(":checked");
		    if(flag){
		        count++;
		    }
            	});
	   	if(count==$("[name='cartCheckBox']").size()){
		    $("#allCheckBox").attr("checked",true);
		}else{
		    $("#allCheckBox").attr("checked",false);
		}
	    });
        }