Case à cocher 'coché' valeur incohérente indéfinie

Question

J'ai une longue table d'éléments avec une case à cocher. Je Onchange appelle une fonction qui avertit simplement la valeur vérifiée:

<input class="selectedCB" id="13" onchange="showInput(13);" type="checkbox"> 
<input class="selectedCB" id="14" onchange="showInput(14);" type="checkbox"> 
<script language="JavaScript" type="text/javascript"><!-- 
    function showInput(idx) { 
    alert($('#'+idx).prop('checked'));  
    } 
//--></script> 

Dans ma page (plein d'autres scripts et d'autres choses) je reçois non défini de certains et la valeur correcte des autres. Dans une page de test «propre», ils fonctionnent parfaitement. Je ne sais pas par où commencer à chercher quoi d'autre pourrait rendre certains indéfinis quand ils sont cochés. Des idées?

Answer 1

Vous pouvez définir l'attribut onchange comme:

onchange="showInput(this.checked);" 

et le javascript comme:

function showInput(ischecked) { 
    alert(ischecked); 
} 

FIDDLE DEMO

Answer 2

Puisque vous obtenez undefined sur quelques cases à cocher, mais pas d'autres, je Je parie que vous avez quelques fautes de frappe lors de l'attribution des gestionnaires.

Essayez d'attribuer votre gestionnaire une fois pour toutes les cases et voir si cela aide:

$(function() { 
    $('input[type="checkbox"].selectedCB').on('change', function(e) { 
     alert($(this).prop('checked')); 
    }; 
}); 

Answer 3

Essayez d'utiliser le sélecteur :checked et .is() méthode filtre

<input class="selectedCB" id="13" onchange="showInput(13);" type="checkbox"> 
<input class="selectedCB" id="14" onchange="showInput(14);" type="checkbox"> 
<script language="JavaScript" type="text/javascript"><!-- 
    function showInput(idx) { 
    alert($('#'+idx).is(':checked'));  
    } 
//--></script>