javascript - チェックボックスがチェックされているかどうかを確認する (js/jquery)

Question

JavaScript/jQueryを使用して特定のチェックボックスが選択されているかどうかを確認したい。

これが私が試したコードです：

var a;
    if ($("#add_desc").checked == 1){
        a = "true";
    }else{
        a= "false";
    }

私も試しました：

var a;
    if ($("#add_desc").checked){
        a= "true";
    }else{
        a= "false";
    }

変数に警告すると、常に false が返されますa。

なぜそれが私にとってうまくいかないのですか？私はそれを間違っていますか？

ありがとう！

score 7 · Accepted Answer

checkedチェックボックス入力でプロパティの値を取得するには、.prop()メソッドを使用するか、DOM要素から直接値を取得します。[0]最初に選択されたDOM要素を返します。

var a;
if ($("#add_desc")[0].checked){
    a= "true";
}else{
    a= "false";
}

また

var a;
if ($("#add_desc").prop("checked")){
    a= "true";
}else{
    a= "false";
}

編集
1.6より古いバージョンのjQuery.propは存在しませんでした.attr。直接の代替として使用してください。

score 6 · Accepted Answer

6

単純、

var a = $('#element:checkbox').is(':checked');

于 2012-04-20T21:09:44.340 に答える

score 5 · Accepted Answer

「jQueryの方法」は、以下を使用すること.is(":checked")です。

var a;
if ($("#add_desc").is(":checked")){ // box is checked
    a = "true";
} else{ // box is not checked
    a= "false";
}

私はこれを私のWebアプリでよく使用し、完全に機能します。

他のフィルタリングメソッドとは異なり、.is（）は新しいjQueryオブジェクトを作成しません。代わりに、変更せずにjQueryオブジェクトのコンテンツをテストできます。これは、イベントハンドラーなどのコールバック内で役立つことがよくあります。

score 4 · Accepted Answer

jQuery .is()と組み合わせた JavaScriptの三項演算子が最短の解決策です。

var a = ($("#add_desc").is(":checked")) ? "true" : "false";

score 3 · Accepted Answer

試す：

if ($('#add_desc').is(':checked')) {
  a = "true";
} else {
  b = "false";
}

文字列を使用したくない場合もあります。つまり、trueandfalseの代わりに"true"andを使用します。"false"

score 2 · Accepted Answer

試す

$get("#add_desc").checked == true

また

$("#add_desc").prop("checked", true);
$("#add_desc").prop("checked", false);

6 に答える 6