仅在未选中复选框时调用 Javascript 函数答案

【问题标题】：Call Javascript function only when checkbox is NOT checked仅在未选中复选框时调用 Javascript 函数
【发布时间】：2020-08-29 06:08:16
【问题描述】：

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

这是我的复选框：

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

这是函数的名称：

planhide();

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

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

除了onchange，你还可以在提交按钮选项上使用onclick来调用check()函数，如下所示：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：