<!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>