博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现全选与取消 Jquery判断checkbox是否被选中
阅读量:5163 次
发布时间:2019-06-13

本文共 1078 字,大约阅读时间需要 3 分钟。

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");//取消全选
    })

 

转载于:https://www.cnblogs.com/jsingleegg/p/3487049.html

你可能感兴趣的文章
HDU 2262 回溯算法 递归枚举
查看>>
九度0J 1374 所有员工年龄排序
查看>>
listview初始化后仍为空
查看>>
无刷新分页
查看>>
SIFT算法
查看>>
git各种撤销操作
查看>>
每天努力一点之SQL
查看>>
UINavigationBar-使用总结
查看>>
夺命雷公狗jquery---11属性操作
查看>>
linux 常用命令
查看>>
display属性和属性值(18个属性值,常见面试题)
查看>>
微信小程序图片使用示例
查看>>
Ubuntu16.04+cuda8.0rc+opencv3.1.0+caffe+Theano+torch7搭建教程
查看>>
CSS基本相关内容--中秋特别奉献
查看>>
GitHub 优秀的 Android 开源项目
查看>>
让窗体自适应屏幕
查看>>
vim插件之marks
查看>>
常用 SQL 命令和ASP 编程
查看>>
win10的资源管理器,边框不见了
查看>>
CentOS 网络设置修改
查看>>