15

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

これが私のコードです。

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

何も機能していません...

4

3 に答える 3

36

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

デモ

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

clickまた、チェックボックスをラップする div で使用できます。

$(document).on('click', 'div.ui-checkbox', function() {
  // code here
});
于 2013-08-22T11:24:02.227 に答える