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个复选框中的任何一个时捕获。这不是这样做的，我希望这是因为复选框嵌套在<div>下的另一个sell_in中。

$(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");
});

这会有所帮助。

捕获复选框的Jquery方法在嵌套div中单击

1 个答案: