Ajout d'événements pour créer dynamiquement des case en jquery mobile

J'ai créé ma case à cocher dynamiquement dans ma page. je veux ajouter cliquez sur l'événement pour toutes les cases
qui créé dynamiquement.

voici mon code.

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

        </fieldset> 
</div>

j'ai créé dynamiquement cases à cocher et les ajouter à 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" );  
      });

que j'utilise sur(), live(), deligate() méthode pour ajouter des gestionnaires d'événements sur les cases à cocher.

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



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

rien ne fonctionne pour moi...

OriginalL'auteur bijin | 2013-08-22

  1. 27

    Avec case à cocher /boutons radio, utilisez change événement.

    Démo

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

    Aussi, vous pouvez utiliser click mais sur la div emballage de la case.

    $(document).on('click', 'div.ui-checkbox', function() {
  //code here
});
    J'ai suivi ton exemple et il a bien fonctionné, mais seulement une petite chose. Je suis à l'aide de asp.net mvc avec rasoir et j'ai créé case comme ceci <a Class="list-group-item" href="#" class="ajouter"> @Html.Méthode Displayfor(Function(Model).nom) @Html.CheckBoxFor(Function(Model).isSelected) </a> je n'obtiens pas de case à cocher est cochée lorsque je clique à l'intérieur de lien hypertexte. est votre fonctionne parce que vous créer checboxradio à la place. Je ne sais pas quelle est la différence même pensé:)

    OriginalL'auteur Omar

  2. 1

    Pour un dinamically ajouté un Bouton à l'intérieur d'un Réductible Liste (ou rien), je fais ceci:

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

    OriginalL'auteur Jhollman

  3. 0

    Essayer cela, il travaille pour l'ajouter dynamiquement des cases à cocher.

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

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

    OriginalL'auteur Udara