2016-08-02 16 views
1

AJAXがロードされたチェックボックスのリストを持っています。チェックボックスの値でアラートを表示します。それは$(this)として働いている標準的な方法については変更したチェックボックスの値を取得

$(document).on('change', '.check', function(event) { 
    var val = $(this).val(); 
    alert(val); 
}); 

変更またはクリックされたチェックボックスですが、ドキュメントが読み込まれた後のチェックボックスがAJAX経由でロードされているとして、我々はこの方法を使用することはできません。

$('.check').change(function() { 
    var val = $(this).val(); 
    alert(val); 
}); 
+1

最初のスクリプトの問題点は何ですか?デリゲートされたイベントハンドラは、動的に作成された要素に使用する必要があります。[fiddle](https://jsfiddle.net/kekutxm9/) – Andreas

答えて

1

$("input[type='checkbox']").on('change', function(){ 
    alert($(this).val()); 
}); 
+0

ここでは動作しません – medk

+0

ここをクリック $( '。check')。on (click、function(){ アラート($(this).val()); }); –

1

というようにスクリプトを書く必要があります。最初のスクリプトが実行されています。それは前に宣言されたものではない別のエラーでした。

関連する問題