jquery实现全选,反选,全不选

来源:互联网 发布:在数据库中的文件类型 编辑:程序博客网 时间:2024/06/13 23:00

<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
//全选,全部选,反选
$(function(){
 $("#checkall").click(function(){
 $(":checkbox").attr("checked",true);})
 $("#checkno").click(function(){
 $(":checkbox").attr("checked",false);})
 $("#no").click(function(){
 //先找到所有的复选框
 $(":checkbox[name=items]").each(function(){
 $(this).attr("checked",!$(this).attr("checked"));})//给当前复选框的属性增加一个属性,值不是(非)当前属性值
   })
 })
</script>
</head>

<body>
<form action="#" method="post">
<input type="checkbox" name="items" value="篮球" checked="checked">篮球
<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="no" value="反选">
</form>
</body>

原创粉丝点击