onChange funktionieren nicht auf Checkbox, wenn es mehrere Kontroll

Question

Ich habe viele Checkbox mit onChange Ereignis, das die Linienfarbe ändern, in dem geprüft wird:

<input type="checkbox" onchange="cocheCommande($(this))" name="${NAME_SELECTION}" value="<%=command.getCdeId()%>" /> 

function cocheCommande(chk) 
{ 
    alert("test cocheCommande"); 
    var tr=chk.closest('tr'); 

    if (chk.is(':checked')) 
    { 
     tr.css('background','#33EE33'); 
     tr.nextUntil("tr.entete","tr").css('background','#FFFF33'); 
    } 
    else 
    { 
     tr.css('background','#D0EED0'); 
     tr.nextUntil("tr.entete","tr").css('background','#EEEED0'); 
    } 
} 

Ich habe eine Funktion, die alles oder deaktivieren Sie überprüfen können. Aber wenn ich benutze, wird onchange-Ereignis nie aufgerufen, obwohl alles überprüft wird. Warum? Und wie kann ich tun?

Answer 1

Wie andere sagten, können Sie nicht $ in der HTML-Vorlage verwenden; aber Sie können, this als Argument für Ihre onchange-Handler übergeben:

HTML:

<input onchange="change(this)" type="checkbox" /> 

JS:

function change(elem) { 
    var element = $(elem); 
    console.log(element.next()) 
} 

https://plnkr.co/edit/dx8GoJxHwKa52VFCkn2G?p=preview