这个全选哪里出问题了

这个全选哪里出问题了

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="Author" content=" ">

<title>Document</title>

<style type="text/css">

*{margin: 0;padding: 0;}

a{text-decoration: none;color: #333;}

ul,li{list-style: none;}

body{font-size: 14px;font-family: "微软雅黑";}

</style>

</head>

<body>

<label>学习<input type="checkbox" /></label>

<label>看电影<input type="checkbox" /></label>

<label>健身<input type="checkbox" /></label>

<label>射箭<input type="checkbox" /></label>

<label>美女<input type="checkbox" /></label>

<label>开火车<input type="checkbox" /></label>

<div id="a">全选</div>

<div id="b">反选</div>

<script type="text/javascript">

var input=document.getElementsByTagName("input");

var a=document.getElementById("a");

var b=document.getElementById("b");

for(var i=0;i<input.length;i++){

a.onclick=function(){

input[i].checked=true;

}

}

</script>

</body>

</html>

慕先生4463397

浏览 1158回答 1

1回答

千秋此意

var input = document.getElementsByTagName("input"); var a = document.getElementById("a"); var b = document.getElementById("b"); a.onclick = function() { for (var i = 0; i < input.length; i++) { input[i].checked = true; } } b.onclick = function() { for (var i = 0; i < input.length; i++) { input[i].checked = input[i].checked ? false : true; } }这样改

0

0

随时随地看视频慕课网APP

相关分类

JavaScript