チェックボックスがjQueryでチェックされているかどうかのテスト

チェックボックスがチェックされている場合は、値を1として取得するだけです。それ以外の場合は、0として取得する必要があります。jQueryを使用してこれを行うにはどうすればよいですか？

$("#ans").val() この場合、常に1つの権利が与えられます。

<input type="checkbox" id="ans" value="1" />

使用する.is(':checked')ことが確認され、それに応じてあなたの値を設定していますかどうかを判断します。

詳細はこちら。

$("#ans").attr('checked') 

チェックされているかどうかを教えてくれます。2番目のパラメーターtrue / falseを使用して、チェックボックスをオンまたはオフにすることもできます。

$("#ans").attr('checked', true);

コメントごとpropにattr、可能な場合は代わりに使用してください。例えば：

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

使うだけ $(selector).is(':checked')

ブール値を返します。

// use ternary operators
$("#ans").is(':checked') ? 1 : 0;

ステファン・ブリンクマンの答えはすばらしいですが、初心者には不完全です（変数の割り当てが省略されています）。明確にするために：

// this structure is called a ternary operator
var cbAns = ( $("#ans").is(':checked') ) ? 1 : 0;

それはこのように動作します：

 var myVar = ( if test goes here ) ? 'ans if yes' : 'ans if no' ;

例：

var myMath = ( 1 > 2 ) ? 'yes' : 'no' ;
alert( myMath );

「いいえ」のアラート

これが役に立った場合は、Stefan Brinkmannの回答に賛成票を投じてください。

あなたはこれを試すことができます：

$('#studentTypeCheck').is(":checked");

私は以前に同じ問題を見つけました、この解決策があなたを助けることを願っています。最初に、カスタム属性をチェックボックスに追加します。

<input type="checkbox" id="ans" value="1" data-unchecked="0" />

値を取得するためのjQuery拡張機能を記述します。

$.fn.realVal = function(){
    var $obj = $(this);
    var val = $obj.val();
    var type = $obj.attr('type');
    if (type && type==='checkbox') {
        var un_val = $obj.attr('data-unchecked');
        if (typeof un_val==='undefined') un_val = '';
        return $obj.prop('checked') ? val : un_val;
    } else {
        return val;
    }
};

コードを使用してチェックボックスの値を取得します。

$('#ans').realVal();

ここでテストできます

$('input:checkbox:checked').val();        // get the value from a checked checkbox

<input type="checkbox" id="ans" value="1" />

jquery： var test= $("#ans").is(':checked') そして、trueまたはfalseを返します。

あなたの関数では：

$test =($request->get ( 'test' )== "true")? '1' : '0';

次のものも使用できます。

$("#ans:checked").length == 1;

使用する：

$("#ans option:selected").val()

function chkb(bool){
if(bool)
return 1;
return 0;
}

var statusNum=chkb($("#ans").is(':checked'));

statusNumは、チェックボックスがチェックされている場合は1、チェックされていない場合は0になります。

編集：DOMを関数に追加することもできます。

function chkb(el){
if(el.is(':checked'))
return 1;
return 0;
}

var statusNum=chkb($("#ans"));

最近、ユーザーがボタンをクリックしたときにチェックボックスのチェック値が必要なケースを経験しました。これを行う唯一の適切な方法は、prop()属性を使用することです。

var ansValue = $("#ans").prop('checked') ? $("#ans").val() : 0;

これは私の場合うまくいったかもしれませんが、誰かがそれを必要とするでしょう。

私が.attr(':checked')それを試してみましたcheckedが、ブール値と.val()属性の戻り値が必要でしたvalue。

いくつかのオプションがあります。

 1. $("#ans").is(':checked') 
 2. $("#ans:checked")
 3. $('input:checkbox:checked'); 

これらすべてのオプションがtrueを返す場合は、値を適宜設定できます。

これを試して

$('input:checkbox:checked').click(function(){
    var val=(this).val(); // it will get value from checked checkbox;
})

チェックされている場合、ここでフラグはtrueです。それ以外の場合はfalse

var flag=$('#ans').attr('checked');

再びこれはチェックされます

$('#ans').attr('checked',true);

 $("#id").prop('checked') === true ? 1 : 0;

これらの2つの方法で値（true / false）を取得できます

$("input[type='checkbox']").prop("checked");
$("input[type='checkbox']").is(":checked");

最初に値がチェックされていることを確認します

$("#ans").find("checkbox").each(function(){
    if ($(this).prop('checked')==true){ 
    var id = $(this).val()
    }
});

それ以外の場合は0の値を設定します

整数値をチェックするかどうかは、次の方法を試してください。

$("#ans:checked").length

次のように実行できます。

$('input[id=ans]').is(':checked');