js全选checkbox功能实现

Original 2019-05-09 16:48:32 170
abstract:<!doctype html><html><head><meta charset="utf-8"><title></title><script type="text/javascript"> function checkall(){ var checkall,item;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<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;
}
}
}
</script>
</head>
<body>

<div class="box">
<div>
<input type="checkbox" id="checkall" onClick="checkall()"><label for="checkall">选择产品</label><br><br>

<input type="checkbox" name="item[]">iPhone Xs Max<br>
<input type="checkbox" name="item[]">华为 P30 Pro<br>
<input type="checkbox" name="item[]">vivo x27<br>
<input type="checkbox" name="item[]">OPPO Reno<br>
<input type="checkbox" name="item[]">魅族 16s<br>
<input type="checkbox" name="item[]">小米9<br>
</div>
</div>

</body>
</html>


Correcting teacher:查无此人Correction time:2019-05-10 14:15:01
Teacher's summary:完成的不错。如果是商城购物车,全选还可以把价格计算。继续加油。

Release Notes

Popular Entries