如何使用jquery mobile检查在javascript中动态创建的复选框事件

Question

这里我从sqlite db获取值，在javascript中绑定这些值并通过调用该特定的id在html上显示它。在这个过程中我需要把checkbox.I在javascript中创建它而不是在html中。所以现在我需要检查动态创建的javascript中的复选框。在这里，我正在粘贴我的代码。提前感谢您的宝贵建议。

$('#lightsList').append('<li style="background:#666666">'+
            '<img src="../images/' + light.ledLightImage + '" class="ui-li-thumb" style="margin-left: 10px; margin-top:2px;"/>' +
            '<form id="checkbox" style="padding-top:18px; color:#ffffff">'+
            '<input type="checkbox" name="Tick" value="Tick" class="regular-checkbox" onclick="checked()"/><br>Tick'+
            '</form>' +
            '<p class="line1">' + light.ledLightName  + '</p>' +
            '</li>'+
            '<li style="display:none;">'+light.ledWattage+'</li>');

Answer 1

您需要on()使用event delegation，

$('#lightsList').on('click', '.regular-checkbox', function() {
    checked();// call your function checked here
});

Answer 2

试试这个：

$(document).on('change', '.regular-checkbox', function() {
    // event handler
});