jQuery实现复选框的全选和反选代码
<html>
<head>
<meta charset="utf-8"/>
<script src="jquery-1.4.2.min.js"></script>//在此处的Jquery文件封装的js文件下载地址：http://download.csdn.net/detail/feilong_12/5210621
<script>
$(function(){
$("#checkAll").click(function(){
$(":checkbox").attr("checked",true);
});
$("#checkNo").click(function(){
$(":checkbox").attr("checked",false);
});
$("#checkRes").click(function(){
$("input:checkbox[name=items]").each(function(){
$(this).attr("checked",!$(this).attr("checked")) ;
});
})
})
</script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />乒乓球
<input type="checkbox" name="items" value="篮球" />羽毛球
<input type="button" id="checkAll" value="全选"/>
<input type="button" id="checkNo" value="全不选"/>
<input type="button" id="checkRes" value="反选"/>
</form>
</body>
</html>
开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明jQuery实现复选框的全选和反选代码！
