<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<script type="text/javascript">
window.onload=function(){
var aInp=document.getElementsByTagName('input');
aInp[0].onclick=function(){
for(var i=1;i<aInp.length;i++){
aInp[i].checked=!aInp[i].checked;
}
}
}
</script>
<style type="text/css">
li{height: 24px; margin-bottom: 3px; list-style: none;}
</style>
</head>
<body>
<input type="button" name="" id="" value="反选" />
<ul>
<li><input type="checkbox" checked="checked" /></li>
<li><input type="checkbox" checked="checked" /></li>
<li><input type="checkbox" checked="checked" /></li>
<li><input type="checkbox" checked="checked" /></li>
<li><input type="checkbox" checked="checked" /></li>
<li><input type="checkbox" checked="checked" /></li>
<li><input type="checkbox" checked="checked" /></li>
</ul>
</body>
</html>
