摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>js小案例By Johnson</title>
<style type="text/css" media="screen">
div{margin:20px auto;width:150px;border-radius:2px;text-align:left;border:1px solid #ccc;}
div ul{padding:0;}
div ul li{list-style:none;padding:8px 0;}
</style>
<script type="text/javascript">
function allhh(){
var allck,item;
allck=document.getElementById('allck');
item = document.getElementsByName("item[]");
// alert(777);
for(var i in item) {
// document.write(item[i].checked)
// }
if(allck.checked){
item[i].checked=true;
}else
item[i].checked=false;
}
}
</script>
</head>
<body>
<div>
<ul>
<li><input type="checkbox" id="allck" onclick="allhh()">全选</li><hr>
<li><input type="checkbox" name="item[]">js</li>
<li><input type="checkbox" name="item[]">html</li>
<li><input type="checkbox" name="item[]">css</li>
<li><input type="checkbox" name="item[]">jquery</li>
<li><input type="checkbox" name="item[]">java</li>
<li><input type="checkbox" name="item[]">c++</li>
<li><input type="checkbox" name="item[]">mysql</li>
<li><input type="checkbox" name="item[]">redis</li>
<li><input type="checkbox" name="item[]">linux</li>
<li><input type="checkbox" name="item[]">apache</li>
<li><input type="checkbox" name="item[]">smarty</li>
<li><input type="checkbox" name="item[]">cdn</li>
<li><input type="checkbox" name="item[]">oos</li>
</ul>
</div>
</body>
</html>
