我如何在 jquery 中使用来自 ajax 的新复选框？ [复制]

Posted 2023-05-09

【中文标题】我如何在 jquery 中使用来自 ajax 的新复选框？ [复制]

【英文标题】：How I can work with new checkbox from ajax in jquery? [duplicate]

【发布时间】：2014-09-27 20:08:11

【问题描述】：

我在页面上有新元素的 ajax 结果。

复选框是：

<input type="checkbox" checked="checked" uid="933518636168122368" class="flag">

我怎样才能选择他？

我的代码不起作用，选择器对象为空：

$(document).ready(function()
    if ($('.flag').is(':checked')) 
        alert('checkit');
    

    $('.flag').click(function()
        alert('checkit');
    );
);

我必须做什么？

【问题讨论】：

如果复选框是动态创建的，您将不得不使用委托来选择它。 api.jquery.com/on

可以在ajax的响应数据上应用js

【参考方案1】：

由于.flag 元素是动态创建的，您需要使用事件委托将事件处理程序注册到这些元素。

试试这个

$(document).ready(function()
    if ($('.flag').is(':checked')) 
        alert('checkit');
    
    $(document).on('click','.flag',function()
        alert('checkit');
    );
);

DEMO