在jquery mobile中为动态创建的复选框添加事件

我在页面中动态创建了我的复选框。 我想为动态创建的所有复选框添加click事件。

这是我的代码。

我动态创建了复选框并附加到fieldset。

 $.getJSON("http://localhost/WebSite/", function(data){ var branchOp=""; $.each(data.branch, function(i,item){ branchOp += ''+item.branchName+''; $(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事件。

演示

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

此外，您可以使用click但包含复选框的div。

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

Answer 2

对于可折叠列表（或任何内容）中的dinamically添加按钮，我这样做：

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