zoukankan      html  css  js  c++  java
  • jquery实现复选框checkbox全选(完善)

    实现:当一个未选中或者未全部选中时点击全选进行全部选中,而再次点全选则取消全部选中。点击反选则就进行反选。

    html

    <body>
    <form>
       <input type="checkbox" name="mycheck" value="朴树" />朴树
       <input type="checkbox" name="mycheck" value="许巍" />许巍
       <input type="checkbox" name="mycheck" value="郑钧" />郑钧
       <input type="checkbox" name="mycheck" value="曹方" />曹方
       <input type="checkbox" name="mycheck" value="张悬" />张悬<br>
       
       <input type="button"  id="checkAll" value="全选" />
       <input type="button"  id="checkRev" value="反选" />
    </form>
    </body>


    js

    // JavaScript Document
    $(document).ready(function(){
    	   //全选 
    	   $("#checkAll").click(function(){
    	   	     //如果没有全部被选中,则全选
    	   	     if($('[name=mycheck]:checked').length!=$('[name=mycheck]').length){
    	   	     	$('[name=mycheck]').attr("checked",true);
    	   	     //否则 全部取消选中 
    	   	     }else{
    	   	     	$('[name=mycheck]').attr("checked",false);
    	   	     }
    			 
    	   })
    	   //反选 
    	   $("#checkRev").click(function(){
    	   	    $('[name=mycheck]').each(function(){  //依次遍历每个 checkbox
    	   	    	$(this).attr("checked",!$(this).attr("checked"));
    	   	    })
    	   })
     })


     

  • 相关阅读:
    Java堆和优先队列
    JAVA取数两个数组交集,考虑重复和不重复元素
    Java策略模式
    Java设计模式迭代器
    Java 模板模式
    java图片缩放与裁剪
    Java桥接模式
    Java集合实现
    Java Mybatis实现主从同步
    Java组合模式
  • 原文地址:https://www.cnblogs.com/itmyhome/p/4131443.html
Copyright © 2011-2022 走看看