javascript - 在 Javascript 中调用的 HTML 复选框 onclick

Question

我在尝试弄清楚如何让我的代码的特定部分工作时遇到了一些麻烦。

<input type="checkbox" id="check_all_1" name="check_all_1" title="Select All" onclick="selectAll(document.wizard_form, this);">
<label for="check_all_1" onclick="toggleCheckbox('check_all_1'); return false;">Select All</label>

这是我的 HTML，它可以正常工作(单击文本将单击该框)。它的 javascript 非常简单:

function toggleCheckbox(id) {
    document.getElementById(id).checked = !document.getElementById(id).checked;
}

但是，当标签使复选框被单击时，我希望在输入时发生 onclick。目前，onClick js 没有运行。关于如何做到这一点的建议是什么？我试图将输入的 onclick 添加到标签的 onclick，但这不起作用。

任何建议/解决方案都会很棒。

Answer 1

如何将复选框放入标签，使标签自动为复选框“点击敏感”，并给复选框onchange 事件？

<label ..... ><input type="checkbox" onchange="toggleCheckbox(this)" .....> 

function toggleCheckbox(element)
 {
   element.checked = !element.checked;
 }

这还会捕获用户使用键盘来切换复选框，而 onclick 则不会。