jq操作全选全部选input checked

最新推荐文章于 2022-11-10 16:20:15 发布

个人看法

最新推荐文章于 2022-11-10 16:20:15 发布

阅读量2.6k

点赞数

分类专栏： css 文章标签： input checked

本文链接：https://blog.csdn.net/webZRH/article/details/82289010

版权

21 篇文章 0 订阅

订阅专栏

好久不写jq，全都忘记了， // 全选、全不选
	function checkAll() {
	var all = $("#checkboxAll").prop("checked");
	if(all){
	$("input[type='checkbox']").prop("checked", false);
	$('#all').text('全选');
	}else{
	$("input[type='checkbox']").prop("checked", true);
	$('#all').text('取消全选');
	}
	}

	//目录全选
	$('.header').on('click', 'label', function (e) {
	var all = $(this).find("input[type='checkbox']").prop("checked");
	console.log(all,$(this).parent().siblings('.block').css('display'));
	if(all){
	$(this).parent().siblings('.block').find("input[type='checkbox']").prop("checked", true);
	}else{
	$(this).parent().siblings('.block').find("input[type='checkbox']").prop("checked", false);
	}
	})

	//折叠
	$('.header').on('click', 'span', function (e) {
	var all = $(this).parent().siblings('.block').css('display');
	console.log(all,$(this).parent().siblings('.block').css('display'));
	if(all === 'none'){
	$(this).parent().siblings('.block').show();
	$(this).text('-');
	}else{
	$(this).parent().siblings('.block').hide();
	$(this).text('+');
	}
	})