[解決済み] チェックボックスの値が常に'on'になる [重複] [重複

質問

これは私のチェックボックスです。

HTML

<label class="checkbox">
    <input id="eu_want_team" name="eu_want_team" type="checkbox">
</label>

JQuery

var eu_want_team = $('#eu_want_team').val();
alert(eu_want_team);

チェックが入っているのかいないのか、常にONで表示されています。何が問題なのでしょうか？

どのように解決するのですか？

使用方法 .is(':checked') の代わりに 作業用 jsFiddle

var eu_want_team = $('#eu_want_team').is(':checked');
alert(eu_want_team);

または、@Itay がコメントで言っているように、jQuery の .prop() を使ってチェックしたプロパティの値を取得することもできます。

alert($("#eu_want_team").prop("checked"));