Checkbox (iswitch) в HTML таблицу с несколькими строками

Question

Это HTML код (часть кода таблицы):

<td class="center"> 
    <?php if ($row['datum_afhaling']) { ?> 
      <input class="active iswitch iswitch-success" type="checkbox" cdid="<?php echo $row['cdid']; ?>" value="<?php echo $row['id']; ?>" checked></td> 
     <?php } else { ?> 
      <input class="active iswitch iswitch-success" type="checkbox" cdid="<?php echo $row['cdid']; ?>" value="<?php echo $row['id']; ?>"></td> 
    <?php } ?> 
</td> 

И Javascript код:

$("input.active").click(function() { 

    var check_active = $(this).is(':checked') ? 'ja' : 'nee'; 
    var check_id = $(this).attr('value'); 
    var cd_id = $(this).attr('cdid'); 

    $.ajax({ 
     type: "POST", 
     url: "cudi-afhalen-status-ajax.php", 
     data: {id: check_id, active: check_active, cdid: cd_id}, 
     success: function(){ 

      alert ('id: '+check_id+' & active: '+check_active+' & cdid: '+cd_id); 
      location.href='cudi-bestellingen-overzicht.php'; 
     } 
    }); 
    return true; 
}); 

Если я переключить checkbox с другой стороны. Я создаю оповещение с некоторыми параметрами. До сих пор это отлично работает, но код дает мне 15 alertboxen после друг друга, потому что у меня 15 строк в моей таблице. Значения (params) во всех оповещениях одинаковы. Я переключаю 1 checkbox-iswitch, поэтому у меня будет только 1 alertbox с параметрами и не все 14 других ящиков. Я не знаю, почему это происходит?

EDIT Я нашел, что здесь не так с кодом. Код javascript был внутри цикла while. Поэтому я заменил его вне моей петли, и все идет хорошо.

Answer 1

Try ниже код

$("input.active").click(function() { 

var check_active = $(this).is(':checked') ? 'ja' : 'nee'; 
var check_id = $(this).attr('value'); 
var cd_id = $(this).attr('cdid'); 
var al = 1; 
$.ajax({ 
    type: "POST", 
    url: "cudi-afhalen-status-ajax.php", 
    data: {id: check_id, active: check_active, cdid: cd_id}, 
    success: function(){ 
     if(al==1){ 
     alert ('id: '+check_id+' & active: '+check_active+' & cdid: '+cd_id); 
     al=0; 
     } 

      location.href='cudi-bestellingen-overzicht.php'; 
    } 
}); 
return true; 
});