Javascript 选中所有复选框

我的网页上有100个复选框。通过javascript鼠标单击事件选中复选框。出于测试目的，我想勾选所有这些框，但手动单击很耗时。有没有一种方法可以让他们通过鼠标点击事件检查而不使用鼠标点击

---

可能是JavaScript或Chrome控制台窗口，任何更新的答案现在都会触发单击复选框并选中它

让chks=document.queryselectoral（“输入[type='checkbox']”）；
chks.forEach（功能（e）{
e、 addEventListener（“单击”，函数（）{
console.log（“复选框单击”）；
})
})
如果（文档中的“createEvent”）{
var evt=document.createEvent（“HTMLEvents”）；
evt.initEvent（“点击”，假，真）；
chks.forEach（功能（el）{
el.setAttribute（“选中”，为真）；
el.调度事件（evt）；
});
}

这个JQuery可以工作吗

$('input:checkbox').prop('checked', true);

---

您可以遍历所有复选框并将checked设置为true:

document.querySelectorAll（'input[type=“checkbox”]”）。forEach（el=>el.checked=true）

使用中的代码。代码段已更新

consttogglechecked=（）=>
document.querySelectorAll（'input[type=“checkbox”]”）
.forEach（el=>simulate（el，‘单击’））
//https://stackoverflow.com/a/6158050/3755425
函数模拟（元素、事件名称）
{
var options=extend（defaultOptions，参数[2]|{}）；
var oEvent，eventType=null；
for（eventMatchers中的变量名称）
{
if（eventMatchers[name].test（eventName））{eventType=name；break；}
}
如果（！eventType）
抛出新的SyntaxError（“仅支持HTMLEvents和MouseEvents接口”）；
if（document.createEvent）
{
oEvent=document.createEvent（eventType）；
如果（eventType='HTMLEvents'）
{
initEvent（eventName，options.bubbles，options.cancelable）；
}
其他的
{
oEvent.InitMouseeEvent（eventName、options.bubbles、options.cancelable、document.defaultView、，
options.button，options.pointerX，options.pointerY，options.pointerX，options.pointerY，
options.ctrlKey、options.altKey、options.shiftKey、options.metaKey、options.button、element）；
}
元素。调度事件（oEvent）；
}
其他的
{
options.clientX=options.pointerX；
options.clientY=options.pointerY；
var evt=document.createEventObject（）；
oEvent=扩展（evt，选项）；
元素.fireEvent（'on'+eventName，oEvent）；
}
返回元素；
}
函数扩展（目标、源）{
for（源中的var属性）
目的地[属性]=源[属性]；
返回目的地；
}
var defaultOptions={
指针X:0，
指针：0，
按钮：0，
克特尔基：错，
阿尔特基：错，
shiftKey:false，
metaKey:false，
泡泡：是的，
可取消：正确
}
var eventMatchers={
“HTMLEvents”：/^（？：加载|卸载|中止|错误|选择|更改|提交|重置|聚焦|模糊|调整大小|滚动）$/，
“MouseEvents”：/^（？：单击鼠标（？：向下|向上|向上|向上|移动|））$/
}

选中切换

此代码是否有助于鼠标单击事件？我想要的代码是有助于鼠标点击事件，而不仅仅是简单的复选框。啊，明白了。我更新了我的答案，创建了一个点击事件，而不仅仅是选中复选框。我没有详细阅读另一个答案中的代码，但似乎是合法的。有一个问题。问题是，您使用的按钮被单击以选中所有复选框。“我不想要”按钮用于选中所有复选框。我希望当代码在控制台中运行时，所有复选框都会通过鼠标单击事件自动选中。然后只需在控制台中运行代码。该按钮只是为了提供帮助，您不必实际添加它：）我有一个internet explorer 11支持的代码，该代码对鼠标单击事件有帮助吗？我想要对鼠标单击事件有帮助的代码，而不仅仅是简单地选中未选中的复选框。@Raza我已经更新了答案，它现在将触发一个单击事件并选中复选框internet explorer 11不支持此代码。此代码对鼠标单击事件有帮助吗？我想要的代码是有助于鼠标点击事件不仅仅是简单的复选框。我想要没有按钮是用来检查所有复选框。我希望在控制台中运行代码时，通过鼠标单击事件自动选中所有复选框。我找到了internet explorer 11支持的代码。