其他分享
首页 > 其他分享> > JS实现全选反选

JS实现全选反选

作者：互联网

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function mychk(t){
				var hbs = document.getElementsByName("hb");
				for(var i=0;i<hbs.length;i++){
					if(t=="all"){
						hbs[i].checked=true;
					}else if(t=="no"){
						hbs[i].checked=false;
					}else if(t=="rev"){
						hbs[i].checked=!hbs[i].checked;
					}
				}
			}
		</script>
	<body>
		<h3>请选择你的爱好：</h3>
		<input type="checkbox" name="hb" value="足球"/>足球
		<input type="checkbox" name="hb" value="篮球"/>篮球
		<input type="checkbox" name="hb" value="乒乓球"/>乒乓球
		<input type="checkbox" name="hb" value="羽毛球"/>羽毛球
		<input type="checkbox" name="hb" value="小说"/>小说
		<input type="checkbox" name="hb" value="登山"/>登山<br />
		<a href="javascript:mychk('all');">全选</a>
		<a href="javascript:mychk('no');">全不选</a>
		<a href="javascript:mychk('rev');">反选</a>
	</body>
</html>

标签：checked,反选,JS,全选,var,else,hbs
来源： https://blog.csdn.net/qq_45429856/article/details/120184896