当前位置:网站首页>使用jq实现全选 反选 和全不选-冯浩的博客

使用jq实现全选 反选 和全不选-冯浩的博客

2022-07-06 09:29:00 冯浩(grow up)

思路:
首先调用jq文件
当点击全选的时候我们让他全部为true
当点击全不选的时候我们让他全部为false
当点击反选的时候 使用echo循环遍历checked 使用 !取反;

html部分
	<input type="checkbox">
	<input type="checkbox">
	<button >全选</button>
	<button >不全选</button>
	<button'>反选</button>
js部分
	// 点击全选
	$('button:first').click(function(){
		$(':checkbox').prop('checked',true);
	})
	
	// 点击全不选   eq:获取反选按钮
	$('button:eq(1)').click(function(){
		$(':checkbox').prop('checked',false);
	})
	
	// 点击反选
	$('button:last').click(function(){
		$(':checkbox').each(function(index,item){
			item.checked = !item.checked;
		})
	})

在这里插入图片描述

原网站

版权声明
本文为[冯浩(grow up)]所创,转载请带上原文链接,感谢
https://blog.csdn.net/m0_50207524/article/details/108635168