js实现checkbox全选和反选功能

说明:

x是所有的input标签,当点击全选按钮,把复选框的状态改为全选按钮的状态,即可实现全选和反选。

代码如下:


<script>
	function check(){
		var x = document.getElementsByTagName('input');
		for(var i=1;i<x.length;i++){
			x[i].checked = document.getElementById('checkall').checked;
		}
	}
</script>
<form action="" method="">
<input type="checkbox" name="checkall" id="checkall" onclick="check()" />ALL<hr />
<input type="checkbox" name="check[]" value="1" class="ok" />aaa<br />
<input type="checkbox" name="check[]" value="2" class="ok" />bbb<br />
<input type="checkbox" name="check[]" value="3" class="ok" />ccc<br />
<input type="checkbox" name="check[]" value="4" class="ok" />ddd<br />
</form>

发表评论