js实现复选框全选
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全选框</title>
</head>
<body>
<div class="box" style="border:2px solid #ccc;background:rgba(234,234,234,0.6);width:100px;height:200px;padding:8px;margin:10px auto;">
<div><input type="checkbox" id="checkall" onclick="aa()"><lable for="all">全选</lable></div>
<input type="checkbox" name="item">1<br>
<input type="checkbox" name="item">2<br>
<input type="checkbox" name="item">3<br>
<input type="checkbox" name="item">4<br>
<input type="checkbox" name="item">5<br>
<input type="checkbox" name="item">6<br>
</div>
</body>
<script type="text/javascript">
var a,b;
function aa()
{
window.a=document.getElementById("checkall");
window.b=document.getElementsByName("item");
for(var i=0;i<=b.length;i++)
{
if(a.checked)
{
b[i].checked=true;
}
else
{
b[i].checked=false;
}
}
}
</script>
</html>