利用JS实现复选框一键全选/全不选

最新推荐文章于 2021-12-30 23:55:25 发布

原创最新推荐文章于 2021-12-30 23:55:25 发布 · 589 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了一种使用JavaScript实现全选功能的方法。通过一个简单的JS函数sel，可以控制一组拥有相同名称属性的复选框（checkbox）的状态。当全选框被点击时，所有对应的复选框将被设置为相同的选中状态。

JS代码如下:

<script language="javascript">
	function sel(a) {

		o = document.getElementsByName(a)

		for (i = 0; i < o.length; i++)

			o[i].checked = event.srcElement.checked

	}
</script>

JSP代码如下:

<input type=checkbox onclick=sel('chk')>
//全选框

<input type=checkbox name=chk>

<input type=checkbox name=chk>

<input type=checkbox name=chk>

<input type=checkbox name=chk>

<input type=checkbox name=chk>

<input type=checkbox name=chk>