jq操作全选全部选input checked

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

原创最新推荐文章于 2022-11-10 16:20:15 发布 · 2.6k 阅读

CC 4.0 BY-SA版权

文章标签：

21 篇文章

订阅专栏

好久不写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('+');
	}
	})