如何檢查使用jQuery Mobile在JavaScript中動態創建的復選框事件

Question

在這里，我從sqlite db獲取值，將這些值綁定在javascript中，然后通過調用特定ID來將其顯示在html上。在此過程中，我要求放置checkbox。我只在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（）進行事件委托，例如，

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

Answer 2

嘗試這個：

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