abstract：<!-- 這節(jié)課收貨頗多 最重要的是學會了查資料 W3C網(wǎng)里面查各標簽的屬性以及功能以及如何使用。這個應該是最大的收獲。<label> 標簽為 input 元素定義標注（標記）。checked 規(guī)定此 input 元素首次加載時應當被選中。 label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 l
<!-- 這節(jié)課收貨頗多 最重要的是學會了查資料 W3C網(wǎng)里面查各標簽的屬性以及功能以及如何使用。這個應該是最大的收獲。
<label> 標簽為 input 元素定義標注（標記）。
checked 規(guī)定此 input 元素首次加載時應當被選中。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發(fā)此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
還了解了HTML里面以前模模糊糊所認識的點擊事件。今天終于明白是怎么回事了。 按鈕綁定。
還有什么呢？
回顧JS字符串操作符 lenght 可以返回字符長度。***.length。原來他們可以在開發(fā)中這么用。把以前僅僅是學到，讓我以后遇到類似的都會怎么用。今天初一。收獲可是不少。
還有獲取元素的方法。document.getElementBy**( ).
-->
<!DOCTYPE html>
<html lang="en">
<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>全選框</title>
</head>
<body>
<style type="text/css">
.box{width: 120px;height: 250px;background: #ccc;border:1px solid rebeccapurple;padding: 5px 10px;margin: 20px auto;}
.box div{border-bottom: 1px solid red;padding-bottom: 10px;}
.box input{margin:8px;}
</style>
<script type="text/javascript">
function checkAll(){
var checkall,item;//聲明2個變量
checkall=document.getElementById('checkall') ;//全選 獲取ID并賦值給checkall
itme=document.getElementsByName('itme[]');//勾選框 獲取name并賦值給item
for (var i = 0; i < itme.length; i++){
if (checkall.checked) {
itme[i].checked=true; //當全選框被選中時，勾選框選中
}else{
itme[i].checked=false;//反之則全不選
}
}
}
</script>
<div class="box">
<div>
<input type="checkbox" id="checkall" onclick="checkAll()"><label for="checkall">全選</label>
</div>
<input type="checkbox" name="itme[]">選項1<br>
<input type="checkbox" name="itme[]">選項1<br>
<input type="checkbox" name="itme[]">選項2<br>
<input type="checkbox" name="itme[]">選項1<br>
<input type="checkbox" name="itme[]">選項1<br>
</div>
</body>
</html>
Correcting teacher：滅絕師太Correction time：2019-02-11 09:18:32
Teacher's summary：初一還在好好學習,你不是大牛還有誰啊,繼續(xù)保持這個學習勁頭加油!