首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >通过Javascript或控制台选择全部复选框

通过Javascript或控制台选择全部复选框
EN

Stack Overflow用户
提问于 2012-06-06 12:34:50
回答 6查看 62.1K关注 0票数 21

我的网页上有100个复选框。出于测试目的,我想勾选所有这些框,但手动单击非常耗时。有没有可能让他们打勾呢?

也许是JavaScript或Chrome的控制台窗口,什么都行?

EN

回答 6

Stack Overflow用户

发布于 2012-06-06 12:43:16

如果你不想要jQuery,querySelectorAll是你最好的选择!

var ele = document.querySelectorAll("input[type=checkbox]");
for(var i=0;i<ele.length;i++){
    ele[i].checked = true;
}
//Done.
票数 6
EN

Stack Overflow用户

发布于 2012-06-06 12:51:12

通过使用jquery,就这么简单

$('input:checkbox').each(function () {
   // alert(this);
   $(this).attr('checked', true);
  });

或者简单地使用

$('input:checkbox').prop('checked', true);// use the property

 $('input:checkbox').attr('checked', true); // by using the attribute
票数 5
EN

Stack Overflow用户

发布于 2012-06-06 12:47:15

这段JS代码将检查页面中的所有复选框:

var a = document.querySelectorAll('input[type="checkbox"]');
for (var i=0; i<a.length; i++)
    a[i].checked = true;​

Live demo

然后你要做的就是用它创建一个书签小程序,比如说,用this bookmarklet maker,它会生成这个书签小程序代码:

javascript:var a=document.querySelectorAll('input[type="checkbox"]');for(var i=0;i<a.length;i++)a[i].checked=true;%E2%80%8B

只需将此URI添加到书签工具栏中的书签中,然后当您需要选中页面中的所有复选框时,您所要做的就是单击它。=]

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10908212

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档