js全选checkbox功能实现
夜半钟声2019-05-09 16:48:32170<!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>