JavaScript onclick函数检查所有复选框

Question

我有这个JS脚本，可检查所有复选框，但在书签链接中：

javascript:[].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){el.checked=true});

现在如何将其翻译为：

<a href="#" onclick="...">Check all</a>

我希望它是一个简单的链接，而不是将它们全部切换的主复选框。

谢谢。

Answer 1

您可以将代码复制到href属性中，但是为其创建函数会更好一些，因此您的标记中没有JS代码：

function check() {
  document.querySelectorAll('input[type=checkbox]').forEach(e => e.checked = true);
}

<input type="checkbox">
<input type="checkbox">

<a href="javascript:check()">Check all</a>

但是，这要求浏览器在节点列表上支持forEach以及箭头表达式。为了获得更好的兼容性，请在函数内使用代码：

function check() {
  [].forEach.call(document.querySelectorAll('input[type="checkbox"]'), function (el) {
    el.checked = true;
  });
}

<input type="checkbox">
<input type="checkbox">

<a href="javascript:check()">Check all</a>