jQuery实现全选/反选

最新推荐文章于 2022-09-01 09:14:09 发布

原创最新推荐文章于 2022-09-01 09:14:09 发布 · 647 阅读

0 ·

CC 4.0 BY-SA版权

Java 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于实现页面中所有复选框的全选与取消全选功能，并对比了使用prop与attr的区别。

<span style="white-space:pre">		</span><input type="checkbox" name="ck"/>1
		<input type="checkbox" name="ck"/>2
		<input type="checkbox" name="ck"/>3
		<input type="checkbox" name="ck"/>4
		<input type="checkbox" name="ck"/>5
		<input type="checkbox" name="ck"/>6
		<input type="checkbox" name="ck"/>7
		<input type="checkbox" name="ck"/>8
		<input type="checkbox" name="ck"/>9
		<input type="checkbox" name="ck"/>10
		
		<hr/>
		<input type="checkbox" onclick="checkAll(this,'ck');"/>全选

function checkAll(obj,name){
	if(jQuery(obj).is(':checked')){
		//全选
    	jQuery("[name = "+name+"]:checkbox").prop("checked", true);
	}else{
		//全不选
    	jQuery("[name = "+name+"]:checkbox").prop("checked", false);
	}
}

用attr只能选择一次！prop可重复选择且跨浏览器！

在线DEMO：http://runjs.cn/detail/0gshgazd