サマリー:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我的作業(yè)</title>
<style type="text/css">
#Bottom{background-color: #ccc;width:200px;height: 400px;}
</style>
<script type="text/javascript">
function checkall(){
var checkall=document.getElementById('checkall');
var item=document.getElementsByName('item[]');
var i=0;
while(i<item.length){
if(checkall.checked){
item[i].checked=true;
}
else {
item[i].checked=false;
}
i++;
}
}
</script>
</head>
<body>
<div class=""id="Bottom">
<div class="">
<input type="checkbox" name="" value=""id="checkall"onclick="checkall()"><label for="checkall">全選</label>
</div>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
<input type="checkbox"name="item[]">選項(xiàng)<br>
</div>
</body>
</html>
如何實(shí)現(xiàn)我可以明白,但是為什么加循環(huán)我不懂了,input里name都是一樣的item[],難道不是跟css一樣 設(shè)置同一個class下的 全部發(fā)生變化嗎?
添削の先生:韋小寶添削時間:2019-03-02 09:08:00
先生のまとめ:加了循環(huán)也就是循環(huán)item數(shù)組中選擇的數(shù)據(jù) 如果不加循環(huán) 或者name的值不是數(shù)組 那么全選就會失效 你可以試試看