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

时间:2012-08-03 17:10:55

标签: javascript javascript-events checkbox call

我试图找出如何在未选中复选框的情况下调用javascript函数。

这是我的复选框:

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

这是函数的名称:

planhide();

谢谢!

4 个答案:

答案 0 :(得分:20)

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

答案 1 :(得分: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 on submit按钮选项来调用check()函数,而不是onchange,而不是onchange:

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

答案 2 :(得分:0)

只需在输入上注册onchange处理程序,在调用处理程序时检查'checked'属性,如果checked为false,则调用方法。

Here is a fiddle.

答案 3 :(得分:0)

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