javascript - 如何绑定(bind)到复选框选中事件

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 时运行代码？

使用了 Bootstrap 3、jquery、jquery UI。

Answer 1

您可以使用复选框输入的 checked 属性。

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

编辑:

我更喜欢 Vanilla 风格..所以以防万一有人需要它:

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