abstract:1.html代碼<div class= "chek"><div><input type="checkbox" id="checkAll" onclick="checkAll()"/><label>全選</label></div&g
1.html代碼
<div class= "chek">
<div><input type="checkbox" id="checkAll" onclick="checkAll()"/><label>全選</label></div>
<input type="checkbox" name = "item[]">選擇1<br>
<input type="checkbox" name = "item[]">選擇2<br>
</div>
2.js代碼
<script>
funtion checkAll() {
var check = document.getElementByClassName("chek")
var item = document.getElementByName("item[]");
for (var i =0;i<item.length;i++){
if ( checkAll.checked ){
item[i].checked = ture;
}
}
}
</script>
3.然后給最外層div添加邊框等屬性,以及全選下有一個下劃線,可以用border-bottom去實現。
Correcting teacher:查無此人Correction time:2019-05-17 09:35:02
Teacher's summary:完成的不錯。每行js語句結束增加;號。繼續(xù)加油