checkBox的全选和反选

最新推荐文章于 2022-08-17 00:34:16 发布

蓝色的天空下

最新推荐文章于 2022-08-17 00:34:16 发布

阅读量538

点赞数

分类专栏： JavaScript 文章标签： input javascript action function

本文链接：https://blog.csdn.net/duliming1987/article/details/7316120

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<SCRIPT LANGUAGE="JavaScript">
		<!--
			function checkAll(){
				var checkAllStatu = document.getElementById("checkAll");
				var checkBoxes = document.getElementsByName("checkbox");
				for(var i = 0;i<checkBoxes.length;i++){
					checkBoxes[i].checked = checkAllStatu.checked;
				}
			}
			function reverseCheck(){
				var checkAllStatu = document.getElementById("checkAll");
				var checkBoxes = document.getElementsByName("checkbox");
				for(var i = 0;i<checkBoxes.length;i++){
					checkBoxes[i].checked = !checkBoxes[i].checked;
				}
			}
		//-->
		</SCRIPT>
	<head>
	<body>
		<FORM METHOD=POST ACTION="">
			<INPUT TYPE="checkbox" NAME="checkbox">选项1
			<INPUT TYPE="checkbox" NAME="checkbox">选项2
			<INPUT TYPE="checkbox" NAME="checkbox">选项3
		</FORM>
		<hr/>
		<INPUT TYPE="checkbox" id="checkAll" οnclick="checkAll()">全选	
		<INPUT TYPE="checkbox" id="reverseCheck" οnclick="reverseCheck()">反选
	</body>
</html>