zoukankan      html  css  js  c++  java
  • JS实现全选与取消 Jquery判断checkbox是否被选中

    1.JS实现checkbox全选与取消

       <body>

      <input type="checkbox" name="select_all"/>11

          <input type="checkbox" name="select_all"/>22

       <input type="checkbox" name="select_all"/>33

         <input type="checkbox" name="select_all" onClick="selAll(this)">全选

      </body>

         JS代码:

      function selAll(obj)//全选与实现全选取消
      {
          var o=document.getElementsByName("select_all");
          for(var i=0;i<o.length;i++)
          {
              if(obj.checked==true)
                 {

          o[i].checked=true;

           } else{
                    o[i].checked=false;

          }
             }
        }

    2.Jquery判断checkbox是否被选中

      在html的checkbox里,选中的话会有属性checked="checked"。

         如果有一个checkbox被选中,alert这个checkbox属性"checked"的值

      alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"!

      如果没被选中,打印出的是"undefined"。

      if($"#xxx".attr("checked")=="true") //这样是错误的

      jQuery的API手册,attr(name)的返回值是object。所以,应该是 

         if($("#xxx").attr("checked")==true)。

      判断这个值 $("input[name='weibo_count']").attr("checked"); 这样也行

      $("#btn1").click(function(){ 
             $("[name='checkbox']").attr("checked",'true');//全选
         })
       $("#btn2").click(function(){
           $("[name='checkbox']").removeAttr("checked");//取消全选
        })

  • 相关阅读:
    Nginx的proxy_cache缓存
    linux服务器优化
    LVS+keepalived负载均衡实战
    bash history(history命令)
    APACHE默认模块功能说明
    MySQL配置文件例子翻译
    Microsoft JET Database Engine (0x80004005) 未指定的错误的完美解决[转贴]
    entity framework 新增 修改 删除 查询
    Flash Builder 找不到所需的 Adobe Flash Player 调试器版本
    sql server 2008 远程连接
  • 原文地址:https://www.cnblogs.com/jsingleegg/p/3487049.html
Copyright © 2011-2022 走看看