如何在 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'); 返回所有 data-id attr 引用同一个类 chek（我假设 $(this) 将返回 data-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 是这样的：

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

注意：

我正在使用引导切换 http://www.bootstraptoggle.com/ 来更改复选框。

Answer 1

我想你想获得复选框的更改事件。

根据您的 HTML，您可以使用以下代码来获取更改事件。

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

或

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

参考Fiddle