checkBox 实现全选

最新推荐文章于 2022-01-21 11:20:47 发布

jinshengwork

最新推荐文章于 2022-01-21 11:20:47 发布

阅读量96

点赞数

分类专栏： JSP & Web 文章标签： JavaScript HTML ViewUI

JSP & Web 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script type="text/javascript" language="javascript">
		function selectedAll(){
			var checkBoxStatus = document.getElementById("QueryAll").checked;
			var inputObj = document.getElementsByTagName('input');
			for(var i=0;i<inputObj.length;i++){
				if(inputObj[i].type == "checkbox"){
					inputObj[i].checked = checkBoxStatus;
				}
			}
		}
	</script>    
  </head>
  
  <body>
  	<input type="checkbox" name="checkboxmain" id="QueryAll" οnclick="javascript: selectedAll()"/><BR/>
	<input type="checkbox" id="checkboxname" /> 中国<BR/>
	<input type="checkbox" id="checkboxname" /> 美国
  </body>
  
</html>