jQuery 변경 기능에서 동적 클래스를 선택하는 방법은 무엇입니까?

Question

내가 같이 동적 클래스를 갖는 입력 필드가 내 JS 여기

<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"> 

입니다 :

$(".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'); 반환 같은 클래스 첵에 모든 데이터 아이디 ATTR 다스 려입니다 (내가 $(this)을 가정 특정 클래스에서만 데이터 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); 
}); 

또는

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

Fiddle