Question

$(document).ready(function() {
    var dataString="hy";
    var htmlnew="<input type='checkbox' name='formDoor' value='A' class='list' enable='true'>Check 1";

    alert(htmlnew);

    $(".list").change(function()
    {
        $("#regTitle").append(htmlnew);
    });
 });

以上是我每次使用班级列表选中复选框时使用的内容。我在#regTitle div中得到一个新的，但我面临的问题是新生成的复选框无法检查，你们能告诉我这是什么问题吗？

Answer 1

您应该使用on()委派事件处理，以便一切都适用于新添加的元素（jQuery＆gt; 1.7）;

$("body").on("change", ".list", function()
{
$("#regTitle").append(htmlnew);
 });

如果您使用较旧版本的jQuery，请使用delegate或live

$(document).delegate(".list","change", function()
{
$("#regTitle").append(htmlnew);
 });

$(".list").live("change", function()
{
    $("#regTitle").append(htmlnew);
});

Answer 2

您的复选框的更改事件不会附加到动态生成的元素。您必须委托绑定。使用.on（）非常适合这个目的。

$("body").on("change", ".list",function() {
    $("#regTitle").append(htmlnew);
});

基于jQuery的复选框不起作用

2 个答案: