分享

jquery实现 checkbox全选和反选 很常用噢....

 昵称10504424 2013-02-19
Html代码 复制代码 收藏代码
  1. Jquery的选择器帮你轻松实现这个效果 摒弃复杂的js代码   
  2. $(function(){   
  3.     $('#inputChkAll').click(function(){   
  4.         $("input[name='chkJob']").attr("checked", $(this).attr("checked")); //注意此处   
  5.         //#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。   
  6.  });   
  7. });  
 
Html代码 复制代码 收藏代码
  1. //全选   
  2. function checkall() {   
  3.     var all = document.getElementsByTagName("input");   
  4.     for (var i = 0; i < all.length; i++) {   
  5.         if (all[i].type == "checkbox") {   
  6.             all[i].checked = true;   
  7.         }   
  8.     }   
  9. }   
  10.     
  11. // 反选   
  12. function checknull() {   
  13.     var all = document.getElementsByTagName("input");   
  14.     for (var i = 0; i < all.length; i++) {   
  15.         if (all[i].type == "checkbox") {   
  16.             all[i].checked = false;   
  17.         }   
  18.     }   
  19. }  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多