当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript代码实现全选

javascript代码实现全选

2019年01月16日  | 移动技术网IT编程  | 我要评论

javascript代码实现全选

<!doctype html>

<html>
	<head>
		<meta charset="utf-8">
		<title>按标签的类型返回</title>
		<script type="text/javascript">
			function choiceall()
			{
				var obj=document.getelementsbytagname("input");
				var call=document.getelementbyid("all");
				var checked=call.checked;
				for(var i in obj)
				{
					if(obj[i].type = "checkbox")
						obj[i].checked = checked;
				}
			}
		</script>
	</head>
	<body>
		<p id="main">
			<ul>
				<li>
					<input type="checkbox" /> 
					<span>张三</span>
				</li>
				<li>
					<input type="checkbox" /> 
					<span>李四</span>
				</li>
				<li>
					<input type="checkbox" /> 
					<span>王五</span>
				</li>
				<li>
					<input type="checkbox" id="all" onclick="choiceall()"/> 
					<span>全选</span>
				</li>
			</ul>
		</p>
	</body>
</html>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网