同時在標簽AND和復選框上綁定JavaScript jQuery點擊事件

Question

我正在為我的表單使用標簽，如下所示：

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

我想在用戶取消選中該框時隱藏元素，否則顯示該元素。

問題是，如果我將click事件綁定到“foo”，它將僅在用戶單擊復選框本身而不是標簽上時才起作用。 因此，我是否還需要在標簽上綁定click事件？ 或者我應該將兩個元素都包含在一個范圍內？ 我的HTML已經包含了2344個元素，所以我想在不添加任何內容的情況下執行此操作，並且如果可能的話，不要將JavaScript代碼或選擇器加倍。

Answer 1

您應該使用change()事件綁定而不是與click()事件綁定，然后觸發此更改，結果將是相同的：

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

參考文獻：

• change() 。

Answer 2

該change事件應激發了input的是否label或input點：

$("#foo").change(function () { ... });

示例 http://jsfiddle.net/andrewwhitaker/6LMXW/