jqueryモバイルで動的に作成されたチェックボックスにイベントを追加する

Question

自分のページに動的にチェックボックスを作成しました。私は動的に作成されたすべてのチェックボックス のクリックイベントを追加したいと思います。

ここは私のコードです。

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

     </fieldset> 
</div> 

動的に作成されたチェックボックスをフィールドセットに追加します。

$.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'); 
}); 

何もchangeイベントを使用し、チェックボックス/ラジオボタンで

Answer 1

...私のために働いていません。

Demo

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

また、あなたがclickを使用しますが、チェックボックスを包むDIVにすることができます。折りたたみリスト（または何か）内部dinamically追加ボタンの

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

Answer 2

私はこれを行う：

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

Answer 3

は、それが動的に追加のチェックボックスのために働いて、これを試してみてください。