jquery方法捕獲複選框單擊嵌套div內

Question

<div class="panel-body" id="sell_in"> 
    @foreach (var state in Model.States) 
    { 
     <div class="checkbox"> 
      <label> 
       <input type="checkbox" name="SelectedStates" id="buy_@state.Value" value="@state.Value" /> @state.Text 
      </label> 
     </div> 
    } 
</div> 

我需要捕獲任何50複選框時檢查。這不是這樣做的，我期望這是因爲複選框嵌套在sell_in下的另一個<div>中。

$(document).on("click", "div.sell_in", function (event) { 
    alert("hello"); 
}); 

（我從這裏該解決方案：checkbox inside div. On click checked or unchecked using jquery 1.9.1）

Answer 1

嘗試使用選擇複選框的：

$(document).on("click", "input:checkbox", function (event) { 
    alert("hello"); 
}); 

或使用指定的內部div的那些：

$(document).on("click", "div#div_id_here input:checkbox", function (event) { 
    alert("hello"); 
}); 

好吧，這有助於。