单击动态复选框时的操作

Question

场景

我有以下基于 MySQL 数据库的动态复选框

while($result = mysqli_fetch_array($query)){

    $srNumber = $result['srNumber'];

    $oaName = $result['oaName'];

    echo '

            <td><input class="checkBoxes" type="checkbox" name="checkBoxArray[]" value="'.$oaName.'"></td>

            <td>'.$oaName.'</td>

        </tr>';

}

一旦用户单击这些复选框中的任何一个，我就有以下 jQuery 代码来执行操作。

$(document).ready(function() {

    $(".checkBoxes").onclick(function() {

        if ($(this).is(":checked")) {

            alert('checked');

        }

    });

});

问题

但是当用户单击复选框时我没有收到任何警报。任何人都知道我在这里做错了什么？

Answer 1

使用 click 方法而不是 onclick$(document).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; $(".checkBoxes").click(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ($(this).is(":checked")) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert('checked');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });

Answer 2

如果您动态添加这些复选框，这意味着当您注册 jQuery 事件时，这些复选框尚不存在。制作一个函数，在这些复选框出现在页面上后立即声明/附加“点击”事件到这些复选框。