jquery - jqueryチェックボックスval()は常にオンに戻ります

Question

こんにちは、多くの検索の後、チェックボックスをチェックする方法を取得しました。しかし、何が問題なのかわかりません。その val() は常にonを返します。これは、チェックしたときとチェックを外したときに発生します。チェックを外すとnullが返ってくると思います。ヘルプ

$(document).ready(function(){
$('#ch').change(function(){
    alert($(this).val());
});
 });

そしてhtml

<input type="checkbox"  id="ch"/> Check it out...

score 8 · Accepted Answer

checkboxチェックされているかどうかを確認するオプションが設定されています。

alert($(this).is(":checked")); ////return true if checked

または

alert(this.checked); //return true if checked

または

<input type="checkbox" id="ch" checked/>
alert($(#ch).attr( "checked")); //return checked if checked

または

alert($(this).prop( "checked")); //return true if checked

score 4 · Accepted Answer

あなたが探しているのは、チェックされたステータスを確認できるチェックされているかどうかだと思います

alert(this.checked); // or $(this).is(':checked')

score 2 · Accepted Answer

あなたができる：

alert($(this).prop('checked'));

または、チェックボックスの値を取得する場合は、次のvalueような属性を追加する必要があります。

<input type="checkbox" value="your_value" id="ch"/> Check it out...

とjs

$('#ch').change(function(){
    alert($(this).val()); //gives you 'your_value' in any case
});

$(this)は、jQuery メソッドを使用して関連データを取得できる jQuery コレクションです。使用する場合は.checked、次のいずれかを実行できます。

this.checked
//or
$(this)[0].checked

つまり、次のようになります。

$(this)[0] == this

デモ:: jsFiddle

score 1 · Accepted Answer

試す：

$(document).ready(function(){
    $('#ch').change(function(){
        alert($(this).is(':checked'));
    });
});

score 0 · Accepted Answer

.Val()操作できるものを返すには、フォームオブジェクトに値属性を指定する必要があります。

<input type="checkbox" value="some_usefull_value" id="ch"/>

5 に答える 5