????：<!-- 這節(jié)課收貨頗多 最重要的是學(xué)會(huì)了查資料 W3C網(wǎng)里面查各標(biāo)簽的屬性以及功能以及如何使用。這個(gè)應(yīng)該是最大的收獲。<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。checked 規(guī)定此 input 元素首次加載時(shí)應(yīng)當(dāng)被選中。 label 元素不會(huì)向用戶(hù)呈現(xiàn)任何特殊效果。不過(guò)，它為鼠標(biāo)用戶(hù)改進(jìn)了可用性。如果您在 l
<!-- 這節(jié)課收貨頗多 最重要的是學(xué)會(huì)了查資料 W3C網(wǎng)里面查各標(biāo)簽的屬性以及功能以及如何使用。這個(gè)應(yīng)該是最大的收獲。
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。
checked 規(guī)定此 input 元素首次加載時(shí)應(yīng)當(dāng)被選中。
label 元素不會(huì)向用戶(hù)呈現(xiàn)任何特殊效果。不過(guò)，它為鼠標(biāo)用戶(hù)改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說(shuō)，當(dāng)用戶(hù)選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
還了解了HTML里面以前模模糊糊所認(rèn)識(shí)的點(diǎn)擊事件。今天終于明白是怎么回事了。 按鈕綁定。
還有什么呢？
回顧JS字符串操作符 lenght 可以返回字符長(zhǎng)度。***.length。原來(lái)他們可以在開(kāi)發(fā)中這么用。把以前僅僅是學(xué)到，讓我以后遇到類(lèi)似的都會(huì)怎么用。今天初一。收獲可是不少。
還有獲取元素的方法。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個(gè)變量
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; //當(dāng)全選框被選中時(shí)，勾選框選中
}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[]">選項(xiàng)1<br>
<input type="checkbox" name="itme[]">選項(xiàng)1<br>
<input type="checkbox" name="itme[]">選項(xiàng)2<br>
<input type="checkbox" name="itme[]">選項(xiàng)1<br>
<input type="checkbox" name="itme[]">選項(xiàng)1<br>
</div>
</body>
</html>
?? ???：滅絕師太?? ??：2019-02-11 09:18:32
???? ??：初一還在好好學(xué)習(xí),你不是大牛還有誰(shuí)啊,繼續(xù)保持這個(gè)學(xué)習(xí)勁頭加油!