javascript - 仅在未选中复选框时调用 Javascript 函数

Question

我试图弄清楚如何仅在未选中复选框时调用 Javascript 函数。

这是我的复选框：

<input type="checkbox" id="icd" name="icd" value="icd" />

这是函数的名称：

planhide();

Answer 1

document.getElementById('icd').onchange = function() {
    if ( document.getElementById('icd').checked === false ) {
        planhide();
    }
};​

Answer 2

在输入标签中包含 onchange 选项，然后添加一个中间函数，相应地检查和调用 planhide() 如下：

<input type="checkbox" id="icd" name="icd" value="icd" onchange=check()/>

然后定义 check() 来检查状态并调用函数如下：

function check()
{
if(document.getElementById("icd").checked==false)
planhide();
}

此外，您还可以在提交按钮选项上使用 onclick 来代替 onchange 来调用 check() 函数，如下所示：

<input type="button" onclick=check()/>

Answer 3

只需在您的输入上注册一个onchange处理程序，在调用处理程序时检查“检查”属性，如果检查为假，则调用该方法。

这是一个小提琴。

Answer 4

$(document).ready(function () {
   $('#icd').change(function () {
      if (!this.checked) {
          planhide();
    }
   });
});