Verifica se una casella è selezionata con jQuery

Se la casella è selezionata, allora ho solo bisogno di ottenere il valore come 1; in caso contrario, devo ottenerlo come 0. Come posso fare usando jQuery?

$("#ans").val() mi darà sempre un diritto in questo caso:

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

Utilizzare .is(':checked')per determinare se è selezionato o meno, quindi impostare il valore di conseguenza.

Maggiori informazioni qui

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

ti dirà se è selezionato. È inoltre possibile utilizzare un secondo parametro true / false per selezionare / deselezionare la casella di controllo.

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

Per commento, utilizzare propinvece di attrquando disponibile. Per esempio:

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

Basta usare $(selector).is(':checked')

Restituisce un valore booleano.

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

La risposta di Stefan Brinkmann è eccellente, ma incompleta per i principianti (omette l'assegnazione variabile). Giusto per chiarire:

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

Funziona così:

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

Esempio:

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

Avvisi "no"

Se questo è utile, per favore vota la risposta di Stefan Brinkmann.

Puoi provare questo:

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

Ho già riscontrato lo stesso problema, spero che questa soluzione possa aiutarti. per prima cosa, aggiungi un attributo personalizzato alle tue caselle di controllo:

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

scrivi un'estensione jQuery per ottenere valore:

$.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;
    }
};

utilizzare il codice per ottenere il valore della casella di controllo:

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

puoi provare qui

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

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

Jquery: var test= $("#ans").is(':checked') e restituisce vero o falso.

Nella tua funzione:

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

Puoi anche usare:

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

Uso:

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

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

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

statusNum sarà uguale a 1 se la casella è selezionata e 0 se non lo è.

EDIT: è possibile aggiungere anche il DOM alla funzione.

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

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

Di recente ho riscontrato un caso in cui avevo bisogno di controllare il valore della casella di controllo quando l'utente ha fatto clic sul pulsante. L'unico modo corretto per farlo è utilizzare l' prop()attributo.

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

questo ha funzionato nel mio caso forse qualcuno ne avrà bisogno.

Quando l'ho provato .attr(':checked')è tornato, checkedma volevo un valore booleano e un .val()valore di attributo restituito value.

Ci sono diverse opzioni come ....

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

Se tutte queste opzioni restituiscono true, è possibile impostare il valore in modo accourding.

Prova questo

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

Qui flag è vero se selezionato altrimenti falso

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

Ancora una volta, questo farà ridere

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

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

Puoi ottenere valore (vero / falso) con questi due metodi

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

Prima controlla che il valore sia verificato

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

Altrimenti imposta il valore 0

Se si desidera che il valore intero sia selezionato o meno, provare:

$("#ans:checked").length

Puoi eseguirlo in questo modo:

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