web-dev-qa-db-ja.com

チェックボックスがチェックされていない場合にのみJavaScript関数を呼び出す

チェックボックスがチェックされていない場合にのみJavaScript関数を呼び出す方法を理解しようとしています。

ここに私のチェックボックスがあります：

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

ここに関数の名前があります：

planhide();

ありがとう！

javascriptjavascript-eventscheckboxcall
13
Jeff Prachyl
document.getElementById('icd').onchange = function() {
    if ( document.getElementById('icd').checked === false ) {
        planhide();
    }
};​
21
0x499602D2

次のように、入力タグに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()/>
2
vivek_jonam
$(document).ready(function () {
   $('#icd').change(function () {
      if (!this.checked) {
          planhide();
    }
   });
});
0
user3642940

入力にonchangeハンドラーを登録し、ハンドラーが呼び出されたときに 'checked'プロパティを確認し、checkedがfalseの場合はメソッドを呼び出します。

これがフィドルです

0
hvgotcodes