Featured image of post 【JS】一键勾选网页内所有复选框的方法(附书签脚本)

【JS】一键勾选网页内所有复选框的方法(附书签脚本)

讲解如何一键勾选网页内的所有复选框。介绍在Chrome的DevTools控制台中执行的JavaScript代码,以及创建可一键全选/全不选的便捷书签脚本的步骤。

要全选网页内的所有复选框,请按F12打开DevTools,将以下代码粘贴到控制台并执行。

1
2
3
4
5
6
let boxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < boxes.length; i++) {
    if (!boxes[i].disabled) {
        boxes[i].checked = true;
    }
}

或者,

创建一个新书签,在注册时的地址栏(通常输入https://…的部分)中粘贴以下代码并保存。 打开想要勾选的网页,点击创建好的书签,所有的复选框就会被全选。

1
javascript:(function(){let boxes=document.querySelectorAll('input[type="checkbox"]');for(let i=0;i<boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})();

如果要全部取消勾选,请将上述脚本中的 boxes[i].checked = true; 修改为 boxes[i].checked = false;。

comments powered by Disqus