欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页

多选框全选中，全选框自动选中

程序员文章站 2022-03-07 14:20:48

...

```
jsp
```

全选<input type="checkbox" id="b"><br/>
多选框：<input type="checkbox" name="a"><br/>
多选框：<input type="checkbox" name="a"><br/>
多选框：<input type="checkbox" name="a"><br/>

```
<script type="text/javascript">
```
```
function run(){
```
```
	var b = document.getElementById("b");
```

	var a = document.getElementByName("a");

```
	var s = 0;
```
```
		for(var i=0;i<a.length;i++){
```
```
			if(a[i].checked == true){
```
```
			s +=1;
```
```
			}
```
```
			if(s==a.length){
```
```
			b.checked = true;
```
```
			}else(
```
```
			b.checked = false;
```
```
			)
```
```
	}
```
```
}
```
```
</script>
```

上一篇：如何移除某个监听器

下一篇：多选框的使用

推荐阅读