HTML复选框onclick在Javascript中调用

Cra*_*aig 41 javascript checkbox label input onclick

我在尝试弄清楚如何使我的代码的某些部分工作时遇到了一些麻烦.

<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>
Run Code Online (Sandbox Code Playgroud)

这是我的HTML工作原理(单击文本将单击该框).它的javascript非常简单:

function toggleCheckbox(id) {
    document.getElementById(id).checked = !document.getElementById(id).checked;
}
Run Code Online (Sandbox Code Playgroud)

但是,当标签是单击复选框的时候,我希望输入发生onclick.在这个当前时间onClick js不会去.关于如何做到这一点的一个建议是什么?我试图将输入的onclick添加到标签的onclick,但这不起作用.

任何建议/解决方案都会很精彩.

Uni*_*ron 66

如何把checkbox 进入label,使标签自动"点击敏感"的复选框,并给予复选框中onchange的事件吗?

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

function toggleCheckbox(element)
 {
   element.checked = !element.checked;
 }
Run Code Online (Sandbox Code Playgroud)

这将另外捕获用户使用键盘来切换复选框,但事实onclick并非如此.

  • 使用“for”属性与将输入放入标签内一样好,但它确实减少了一点标记。为“onchange”+1,并想到我们这些低级的键盘用户:-) (2认同)