????:自己的總結(jié):雖然照著老師的代碼全部實(shí)現(xiàn)功能,但是函數(shù)的為什么要這么做還是不很理解,目前先做到熟悉敲代碼,不能忘記。代碼<!DOCTYPE html><html><head><meta charset="UTF-8"><title>全選框</title><style type="text/cs
自己的總結(jié):雖然照著老師的代碼全部實(shí)現(xiàn)功能,但是函數(shù)的為什么要這么做還是不很理解,目前先做到熟悉敲代碼,不能忘記。
代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>全選框</title>
<style type="text/css">
.box {width: 260px;height: 300px;border: 1px solid #ccc;margin: 20px auto;border-radiuw: 5px;padding: 5px 10px;}
.box div {border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 8px;}
.box input {margin: 8px;}
</style>
<script text="text/javascript">
function checkAll() {
var checkall,item;
checkall=document.getElementById('checkall')
item=document.getElementsByName('item[]')
for (var i=0;i<item.length;i++) {
if(checkall.checked){
item[i].checked=true
}else{
item[i].checked=false
}
}
}
</script>
</head>
<body>
<div>
<div>
<input type="checkbox" id="checkall" onclick="checkAll()"> <label for="checkall">全以下是小李的信息的是?</label>
</div>
<input type="checkbox" name="item[]">他的名字是李明<br>
<input type="checkbox" name="item[]">身高175cm<br>
<input type="checkbox" name="item[]">皮膚是黃色<br>
<input type="checkbox" name="item[]">未婚<br>
<input type="checkbox" name="item[]">89年出生的<br>
<input type="checkbox" name="item[]">小名叫鐵蛋<br>
<input type="checkbox" name="item[]">長(zhǎng)得很帥氣<br>
</div>
</body>
</html>
?? ???:天蓬老師?? ??:2018-12-31 16:06:21
???? ??:<input type="checkbox" name="item[]">全選, 重點(diǎn)這個(gè)name屬性的值: name="item[]", 必須是數(shù)組