javascript - CheckboxFor の JavaScript 値

Question

チェックボックスの場合、checkboxFor は以下をレンダリングします。

<input id="IsCredit" name="IsCredit" type="checkbox" value="true" />
<input name="IsCredit" type="hidden" value="false" />

ジャバスクリプトでは、

$('#IsCredit').val();

常に真です。チェックされているかどうかに関係なく

Javascriptでチェックボックスがオンになっているかどうかを確認するにはどうすればよいですか?

score 14 · Accepted Answer

プロパティを確認できcheckedます。jQuery の場合:

var isChecked = $('#IsCredit').prop("checked");

または、ネイティブ DOM メソッドを使用する場合:

var isChecked = document.getElementById("IsCredit").checked;

score 2 · Accepted Answer

val要素に値があるため、フォーム要素のtrue値をval()返しますtrue。チェックされたプロパティ値ではなく、メソッドを使用してチェックボックスのプロパティpropを読み取るか、メソッドを使用できます。checkedis

if ( $('#IsCredit').is(':checked') {
    // ...
}

また：

var checked = $('#IsCredit').prop('checked');

score 0 · Accepted Answer

$("#IsCredit").attr('checked')チェックされているかどうかを教えてくれます。2 番目のパラメーター true/false を使用して、チェックボックスをオン/オフにすることもできます。

コメントごとに、使用可能な場合はprop代わりに使用attrします。例えば：

$("#IsCredit").prop('checked')

3 に答える 3