Jquery事件冒泡複選框

Question

我有一個帶有複選框的表單，然後是複選框右側的文本。有jQuery事件附加到複選框的點擊事件。我想要的是允許用戶點擊標籤或複選框，並使複選框選中/取消選中並啓動事件。下面是我試圖做的簡化版本（不要運行代碼如下，因爲它創建了一個無限循環）。

<script> 
$(document).ready(function() { 
    $("form p").click(function() { 
    $(this).find("input").click(); 
    }); 

    $("form input").click(function() { 
    alert("clicked"); 
    }); 
}); 
</script> 


<form> 
<p> <input type="checkbox" name="checker" value="1" /> Click anywhere</p> 
<p> <input type="checkbox" name="checker2" value="2" /> Click anywhere</p> 
</form> 

Answer 1

使用LABEL標籤：http://www.w3schools.com/tags/tag_label.asp

Answer 2

點擊任何<input>標籤觸發<p>標籤的Click事件（因爲<input>標籤是<p>標籤內），然後觸發<input>標籤的單擊事件導致無盡的循環。

Answer 3

您可以使用jQuery's event.stopPropagation method來防止'無限循環'。