が複数のチェック

Question

ある私がチェックされている線の色を変更するのonchangeイベントで多くのチェックボックスを持っている場合、チェックボックスでは動作しませんれるonchange：

<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'); 
    } 
} 

私はすべてを確認するか、オフにすることを可能にする機能を持っています。しかし、私が使用すると、すべてがチェックされてもonchangeイベントは決して呼び出されません。 なぜですか？そしてどうしたらいいですか？

Answer 1

他にも述べたように、htmlテンプレートでは$を使用できません。あなたは、しかし、あなたのonchangeハンドラへの引数としてthisを渡すことができます。

HTML：

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

JS：あなたは属性に$（this）を使用することはできません

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

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