javascript - 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 个复选框中的任何一个。这并没有做到这一点，我希望这是因为复选框嵌套在另一个 <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");
});

希望这有帮助。