单击动态复选框时的操作

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() {

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

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

                alert('checked');

            }

        });

    });

Answer 2

如果您动态添加这些复选框，这意味着当您注册 jQuery 事件时，这些复选框尚不存在。

制作一个函数，在这些复选框出现在页面上后立即声明/附加“点击”事件到这些复选框。