チェックボックスにチェックされたイベントにバインドする方法

Question

チェックボックスがオンの場合、JavaScriptコードを実行するにはどうすればよいですか？

チェックボックスが

<input type="checkbox" id="Maksja_piiratudes" name="Maksja_piiratudes" 

onfocus="if(typeof this.ischanged=='undefined') this.ischanged=false" onblur="summarefresh()" onclick="dataChanged(this)"> 

として定義されて私は

$(function() { 
    $("#Maksja_piiratudes").on("change", function() { 

alert('checkbox is checked'); 

}); // end on change 
}); // end $ 

を試みたが、チェックボックスがオフになっている場合にも実行されます。 checkgoxが選択されている場合にのみコードを実行する方法は？

ブートストラップ3、jquery、jquery UIが使用されます。

Answer 1

チェックボックス入力のcheckedプロパティを使用できます。

$(function() 
{ 
    $('#Maksja_piiratudes').on('change', function() 
    { 
     if (this.checked) 
     { 
      alert('checkbox is checked'); 
     } 
    }); 
}); 

編集：

私はより多くのバニラスタイルを好む。..ので、念のために、誰かがそれを必要とする：

document.querySelector('#Maksja_piiratudes') 
     .addEventListener('change', function() 
{ 
    if (this.checked) 
    { 
     alert('checkbox is checked!'); 
    } 
}, false); 

Answer 2

したい場合は、この

$(function() { 
    $("#Maksja_piiratudes").on("change", function() {  
     if ($(this).prop("checked") == true) { 
      alert('checkbox is checked'); 
     } //end if 
    }); // end on change 
}); // end $ 

をお試しくださいすべてのチェックボックスでグローバルにするには、以下を使用します：

$(function() { 
    $("input[type='checkbox']").on("change", function() {  
     if ($(this).prop("checked") == true) { 
      alert('checkbox is checked'); 
     } //end if 
     else { 
      alert('checkbox is unchecked'); 
     } 
    }); // end on change 
}); // end $