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"));
    	   	    })
    	   })
     })

        
     

    文章结束给大家分享下程序员的一些笑话语录: 看到有人回帖“不顶不是中国人”,他的本意是想让帖子沉了。

    --------------------------------- 原创文章 By
    选中和实现
    ---------------------------------

  • 相关阅读:
    高并发量网站解决方案
    多服务器之间Session共享
    Mysql性能优化
    PHP memcache的使用教程
    select * 为什么不好? limit 1 为什么好? --mysql SQL语句优化
    八大排序对比
    /var/spool/postfix/maildrop 出现大量文件原因和解决办法
    sql根据某一个字段重复只取第一条数据
    postgreSQL 自增需要使用序列
    MySQL锁定状态查看相关命令
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3102194.html
Copyright © 2011-2022 走看看