javascript - 同时在标签和复选框上绑定(bind) JavaScript jQuery 单击事件

Question

我正在为我的表单使用标签，如下所示:

<label for="foo" id="bar">Label</label>
<input type="checkbox" id="foo" />

我想在用户取消选中该框时隐藏一个元素，否则显示它。

问题是，如果我将点击事件绑定(bind)到“foo”，它只会在用户点击复选框本身而不是标签时起作用。因此，我是否还需要在标签上绑定(bind)点击事件？或者我应该将这两个元素都包含在一个 span 中吗？ 我的 HTML 已经包含 2344 个元素，所以我想在不添加任何东西的情况下完成它，如果可能的话，也不要加倍 JavaScript 代码或选择器。

Answer 1

您应该使用 change() 事件来绑定(bind)，而不是与 click() 事件绑定(bind)，然后无论触发此更改，结果都是相同的:

$('#foo').change(
    function(){
        // do whatever
    });

引用资料:

• change() .