摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>全選</title> <style type="text/css"> .box{width: 250px;margin: 0 auto;} h3{text-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全選</title>
<style type="text/css">
.box{width: 250px;margin: 0 auto;}
h3{text-align: center;}
input{margin-right:14px; }
</style>
</head>
<body>
<div class="box">
<fieldset>
<h3>你最喜歡的球類運(yùn)動(dòng)</h3><hr/>
<form>
<input type="checkbox" name="item[]" >籃球
<input type="checkbox" name="item[]" >足球
<input type="checkbox" name="item[]" >羽毛球<br/>
<input type="checkbox" name="item[]" >桌球
<input type="checkbox" name="item[]" >馬球
<input type="checkbox" name="item[]" >乒乓球<hr/>
</form>
<input type="checkbox" id="checkall" onclick="checkAll()"><label for="checkall">我都喜歡</label>
<input type="checkbox" id="uncheckall" onclick="uncheckAll()"><label for="uncheckall">我都不喜歡</label>
</fieldset>
</div>
<script type="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;
}
}
}
// function uncheckAll(){
// var checkall,item;
// checkall=document.getElementById('uncheckall')
// item=document.getElementsByName("item[]")
// for(var i=0;i<item.length;i++){
// if(uncheckall.checked){
// item[i].checked=false;
// }
// }
}
</script>
</body>
</html>
設(shè)想是用兩個(gè)框，一個(gè)是全選，一個(gè)是全部取消勾選，但是好像沖突了，
批改老師：西門大官人批改時(shí)間：2019-01-24 13:49:46
老師總結(jié)：沒有沖突，是checkAll函數(shù)少了一個(gè)}，已經(jīng)幫你加上了。