javascript中checkbox的全选和反选

于 2009-08-07 17:16:39 发布 · 111 阅读

文章标签：

#JavaScript #Java #ViewUI

本文介绍了一段JavaScript代码实现的Checkbox全选和反选功能，包括使用getElementById、getElementsByName和循环遍历元素进行操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript中checkbox的全选和反选

<script type="text/javascript">
		function checkall(){
			var all = document.getElementById("boxall");
			var sub = document.getElementsByName("box");
			if(all.checked==true){
				for(var i=0;i<sub.length;i++){
					sub[i].checked=true;
				}
			}else{
				for(var i=0;i<sub.length;i++){
					sub[i].checked=false;
				}
			}
		}
	</script>

  <input type="checkbox" id="boxall" onclick="checkall();"全选/反选
		<br />
		<input type="checkbox" name="box">
		<br />
		<input type="checkbox" name="box">
		<br />
		<input type="checkbox" name="box">
		<br />
		<input type="checkbox" name="box">