正在获取动态生成的ID - Getting a Dynamically generated ID

Getting a Dynamically generated ID

本文关键字：ID 动态获取 | 更新日期: 2023-09-27

我有一个复选框，其中的值是从数据库上的数据中动态填充的。我想根据单击的复选框执行进一步的查询，但是每当我单击任何复选框时，我似乎都无法检索ID。我不想使用提交按钮。如何做到这一点？？

我的代码。

function getDBlist() {
            global $link;
            $qry = ("SHOW DATABASES");
            $res = mysqli_query ( $link, $qry );
            while ( $row = mysqli_fetch_assoc ( $res ) ) {
                echo '<input type="checkbox" name="db" id="' . $row ['Database'] . '"   value="' . $row ['Database'] . '" />';
                echo $row ['Database'];
            }
        }
        getDBlist ();

我的脚本

$(document).on("change","checkbox", function() {
    var val = $(this).val();
    var id = this.id;
    alert(val, id);
});

当我点击任何复选框时，我都不会收到包含值或ID的警报。我做错了什么？这可能是因为我动态生成的ID吗？

要将更改事件绑定到动态生成的复选框，您需要委托change事件，如下面的

$(document).on("change",".checkbox", function() {
    var val = $(this).val();
    var id = this.id;
    alert(val, id);
});

上面的代码适用于现有的和动态创建的复选框。此处document对象将用class="checkbox" 将事件delgate更改为复选框

正如@Ghost所提到的，您需要将类添加到动态生成的复选框中，如下面的

echo '<input type="checkbox" 
             name="db" id="' . $row ['Database'] . '"   
             value="' . $row ['Database'] . '" 
             class="checkbox"/>';

.on（）的更多信息

查看呈现标记的echo语句，您根本没有指定class="checkbox"：

echo '<input type="checkbox" name="db" id="' . $row ['Database'] . '"   value="' . $row ['Database'] . '" />';

由于您尚未添加它，因此指向$(".checkbox")将不起作用。你需要将它们添加到回声中。

您的jquery选择器正在寻找一个带有css类"checkbox"的元素，或者将该类添加到您的html:中

echo '<input type="checkbox" class="checkbox"...';

或者删除选择器中的句点，以针对所有复选框元素：

$("checkbox").on("change", function() {
    var val = $(this).val();
    var id = this.id;
    alert(val, id);
});

试试这个

$("body").on("change",".checkbox", function() {
    var val = $(this).val();
    var id = $(this).attr("id");
    alert(val, id);
});