<script type="text/javascript" src="jquery-1.11.0.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#selectall").click(function(){
$("#form1 input[name='intresting']").each(function(){
this.checked=true;
});
});
$("#selectother").click(function(){
$("#form1 input[name='intresting']").each(function(){
this.checked=!this.checked;
});
});
$("#noselect").click(function(){
$("#form1 input[name='intresting']").each(function(){
this.checked=false;
});
});
});
</script>
</head>
<body>
<form name="form1" id="form1">省份:<br />
<input type="checkbox" name="intresting" value="1" />安徽<br />
<input type="checkbox" name="intresting" value="2" />江苏<br />
<input type="checkbox" name="intresting" value="3" />浙江<br />
<input type="checkbox" name="intresting" value="4" />上海<br />
<input type="checkbox" name="intresting" value="5" />河南<br />
<input type="checkbox" name="intresting" value="6" />湖北<br />
<input type="button" name="b1" value="全选" id="selectall" />
<input type="button" name="b2" value="反选" id="selectother" />
<input type="button" name="b3" value="取消" id="noselect" />
</form>
</body>
</html>
<script language="javascript">
$(document).ready(function(){
$("#selectall").click(function(){
$("#form1 input[name='intresting']").each(function(){
this.checked=true;
});
});
$("#selectother").click(function(){
$("#form1 input[name='intresting']").each(function(){
this.checked=!this.checked;
});
});
$("#noselect").click(function(){
$("#form1 input[name='intresting']").each(function(){
this.checked=false;
});
});
});
</script>
</head>
<body>
<form name="form1" id="form1">省份:<br />
<input type="checkbox" name="intresting" value="1" />安徽<br />
<input type="checkbox" name="intresting" value="2" />江苏<br />
<input type="checkbox" name="intresting" value="3" />浙江<br />
<input type="checkbox" name="intresting" value="4" />上海<br />
<input type="checkbox" name="intresting" value="5" />河南<br />
<input type="checkbox" name="intresting" value="6" />湖北<br />
<input type="button" name="b1" value="全选" id="selectall" />
<input type="button" name="b2" value="反选" id="selectother" />
<input type="button" name="b3" value="取消" id="noselect" />
</form>
</body>
</html>