如何在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') 
     } 
     }) 

問題是$(this).attr('data-id');返回所有數據-ID ATTR指的同一類赤（我應該$(this)將返回data-id，如果只有特定的類，但它會返回所有的數據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如：

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

注：

我使用的引導切換http://www.bootstraptoggle.com/以使複選框變化。

Answer 1

我想你想獲得複選框的更改事件。

根據您的HTML，您可以使用以下代碼來獲取更改事件。

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

OR

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

參考Fiddle