jQuery変更機能で動的クラスを選択する方法は？

Question

私のように動的なクラスを有する入力フィールドがあります。

<input class="chek" data-id="1" type="checkbox" data-toggle="toggle"> 
<input class="chek" data-id="2" type="checkbox" data-toggle="toggle"> 
<input class="chek" data-id="3" type="checkbox" data-toggle="toggle"> 

はここに私のJsです：

$(".chek").unbind().change(function(e) { 
var getid = $(this).attr('data-id'); 
alert(getid); 
e.preventDefault(); 

$.ajax({ 
     url: base_url + '/admin/program/setslider?selected='+getid, 
     type: 'POST', 
     dataType: 'json', 
     data: getid, 
     headers: { 
     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
     } 
     }) 

問題は、（同じクラスのCHEKに$(this).attr('data-id');戻ってすべてのデータのID ATTRの参照元である私は$(this)を想定し特定のクラスのみがデータIDを返す場合はdata-idを返します）

解決策具体的な入力を選択するための動的クラスが得られるとします：

<input class="chek_1" data-id="1" type="checkbox" data-toggle="toggle"> 
<input class="chek_2" data-id="2" type="checkbox" data-toggle="toggle"> 
<input class="chek_3" data-id="3" type="checkbox" data-toggle="toggle"> 

などJSがあること：私は、チェックボックスに変更を加えるために、ブートストラップトグルhttp://www.bootstraptoggle.com/を使用しています

：

$(".chek_'+ id +'").unbind().change(function(e) { 
// code here 
} 

注意。

Answer 1

あなたはチェックボックスの変更イベントを取得したいと思います。

HTMLに基づいて、次のコードを使用して変更イベントを取得できます。

$("input[data-toggle='toggle']").change(function(){ 
     alert(this.checked); 
}); 

OR

$("input:checkbox").change(function(){ 
     alert(this.checked); 
}); 

Fiddle