0 
$('#Container').append('<input type="checkbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');

上記のコードは、ボックス A (div) にいくつかのチェックボックスを表示します。ボックス A のチェックボックスを選択すると、その値がデータベースに送信され、ボックス B に表示される値が取得されます。

たとえば、ボックス A で 2 つのチェックボックスを選択すると、それらの値がデータベースに送信され、対応する値が取得されてボックス B に表示されます。

 $('#checkbox').change(function() {

#checkbox これが何を指しているのか知りたいです。チェックボックスのIDか何かですか？

これを実装する方法はありますか？

4

1 に答える 1

1

はい、IDです..

$('#checkbox') <-- refers to an element  having an id as "checkbox" it might be div or checkbox or any element whose id is equal to checkbox. 
$('.checkbox')  <--refers to an element  having class as "checkbox"
$('input:checkbox') <--- refers to all input with type checkbox

セレクターの詳細については、ドキュメントを参照してください

更新しました

例

$('#Container').append('<input type="checkbox" class="ckbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');
$('#Container').append('<input type="checkbox" class="ckbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');

呼び出しクラス セレクター

$('#Container').on('change','.ckbox',function(){
    var  selectedValue = $("input.ckbox:checked").map(function(n){
        return this.value;
    });
   alert(seletedValue.join(','));
});

on()チェックは動的に追加されるため、変更イベントが発生するようにイベントを委任する必要があります。

于 2013-04-10T10:59:05.300 に答える