Добавление событий в динамически созданный флажок в jQuery mobile

Question

Я установил свой флажок динамически на своей странице. Я хочу добавить событие click для всех флажков , которые динамически создаются.

вот мой код.

<div data-role="fieldcontain"> 
     <fieldset data-role="controlgroup" id="br"> 

     </fieldset> 
</div> 

i динамически созданный флажок и добавление к набору fieldset.

$.getJSON("http://localhost/WebSite/", 
    function(data){ 
    var branchOp=""; 
     $.each(data.branch, function(i,item){ 
     branchOp += '<input type="checkbox" name="branch" id="'+item.branchCode+'" value="'+item.branchCode+'" class="branch"><label for="'+item.branchCode+'">'+item.branchName+'</label>'; 
     $(item.branchCode).addClass("intro");  
     }); 
     $('#br').append(branchOp).trigger("create"); 
     }); 

Я использую on(), live(), метод deligate() для добавления обработчиков событий на флажках.

$('#br').delegate('click','input:checkbox', function(event) { 
    alert('selected'); 
}); 



$('#br').on('click','input:checkbox', function(event) { 
alert('selected'); 
}); 

ничего не работает для меня ...

Answer 1

С кнопками флажок/радио, используйте change событие.

Demo

$(document).on('change', '[type=checkbox]', function() { 
// code here 
}); 

Кроме того, вы можете использовать click но на DIV оберточной флажок.

$(document).on('click', 'div.ui-checkbox', function() { 
    // code here 
}); 

Answer 2

Для динамически добавленной кнопки внутри складного List (или что-нибудь) я это сделать:

$(document).on("click", "#listaEntrada input", function(evt) { 
     var txSeleccionado = $(this).text(); //<-El Texto Seleccionado 
     console.log(evt); 
}); 

Answer 3

Попробуйте, это работает для динамически добавляемых флажков.

$(document).on("click", "INPUT[id^=checkboxId_]", function (event) { 
    var targetId = event.target.id; 

    if ($("#" + targetId + ":checked").length > 0) { 
     alert('checked'); 
    } 
    else { 
     alert('unchecked'); 
    } 
});