2016-05-18 10 views
0

私はチェックボックスがチェックされているかどうかを簡単な関数で調べようとしています。それは動作していないようです、ここでのコードは次のとおりです。javascript/jqueryのチェックボックスからbool値を取得するには?

HTML:

<form> 
    <input type="checkbox" id="check" /> 
</form> 

JS:

$(document).ready(function() { 
    if ($('#check').is(":checked")) { 
    alert('it works') 
    } 
}); 

JSFiddle:https://jsfiddle.net/5h58mx1h/

+2

ファーストアトリビュートしてから試してみると 'それは働いている' =>試してみるhttps://jsfiddle.net/8vf3uLef/ –

+0

これは動作します。ぶら下げ、変更されたイベントに行ってください。 – Nils

+0

これはうまくいきます - あなたのチェックボックスは*チェックされていないので、アラートは表示されません。 –

答えて

0

この

にご HTMLを交換してください
<form> 
    <input type="checkbox" id="check" checked /> 
</form> 

これはあなたのために働くでしょう。まだチェックボックスをオンにしていないので、警告しない理由です。

7

コードはdocumentが準備完了のときに1回のみ実行されます。あなたは、チェックボックスにイベントリスナーを添付し、それが変化したときにチェックする必要があります。

$(document).ready(function() { 
    $('#check').change(function() { 
    if ($(this).is(":checked")) { 
     alert('it works'); 
    } 
    }); 
}); 

Fiddle

0

それが仕事のようになります。

$(document).ready(function() { 
     var ckbox = $('#checkbox'); 

     $('input').on('click',function() { 
      if (ckbox.is(':checked')) { 
       alert('You have Checked it'); 
      } else { 
       alert('You Un-Checked it'); 
      } 
     }); 
    }); 
あなたがチェックを追加する必要が

jsFiddle

関連する問題