摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style>div{margin:10px 50px;}input{margin: 3px 0px; margin-right: 5px;}.subm
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{margin:10px 50px;}
input{margin: 3px 0px; margin-right: 5px;}
.submit{width: 60px;height: 30px; border-radius: 5px;border: 0px;background: #2F889A;color: #fff;box-shadow: #ccc 3px 3px 5px 0px ;}
</style>
</head>
<body>
<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 submit(){
var checkall;
checkall = document.getElementById("checkall")
if (checkall.checked) {
alert("恭喜你！回答正确！")
}else{alert("远远不止这些！")}
}
function wen1(){
alert("老师，问下这个反选怎么操作。比如选中html，java，php后，全选自动被勾选！")
}
function wen2(){
alert("老师，item[]这个数组是用循环做的，没有直接命名，你怎么选中单个，比如我上面的提交答案，怎么判断选中了其中的一个？")
}
</script>
<div>PHP中文网可以学习哪些课程？</div>
<div>
<input type="checkbox" name="item[]">html<br>
<input type="checkbox" name="item[]">javascript<br>
<input type="checkbox" name="item[]">php<br>
<input type="checkbox" id="checkall" onclick="checkall()">以上全部甚至更多<br>
<input type="submit" value="提交答案" onclick="submit()"><br>
<input type="submit" value="疑问1" onclick="wen1()">
<input type="submit" value="疑问2" onclick="wen2()">
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2018-11-19 10:03:06
老师总结：后面有全选案例啊，全选反选都有说，你可以先看下是视频，不会在问我呀
