摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">.box{border: #CCCCCC solid ; height: 250px;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.box{border: #CCCCCC solid ; height: 250px; width: 100px;margin: 0px auto;}
.box div{border-bottom:2px solid #CCCCCC;}
.box input{margin: 8px 2px;}
</style>
</head>
<body>
<script>
function Checkall(){
var checkall = document.getElementById('checkall');
var intem=document.getElementsByName('intem[]');
for(var i=0;i<intem.length;i++){
if(checkall.checked){
intem[i].checked = true;
}else{
intem[i].checked = false;
}
}
}
</script>
<div class="box">
<div>
<input type="checkbox" id="checkall" onclick="Checkall()"/>
<label for="checkall">全選</label>
</div>
<input type="checkbox" name="intem[]" />選項(xiàng)1<br />
<input type="checkbox" name="intem[]" />選項(xiàng)2<br />
<input type="checkbox" name="intem[]" />選項(xiàng)3<br />
<input type="checkbox" name="intem[]" />選項(xiàng)4<br />
<input type="checkbox" name="intem[]" />選項(xiàng)5<br />
</div>
</body>
</html>
批改老師:查無(wú)此人批改時(shí)間:2019-05-06 09:47:43
老師總結(jié):完成的不錯(cuò)。如果是商城的購(gòu)物車(chē),全選要增加價(jià)格計(jì)算。繼續(xù)加油。