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

尝试使用input:checkbox 选择复选框：

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

或者使用 div 指定内部的那些：

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

希望这会有所帮助。