Impostazione del valore della casella di controllo su true o false con jQuery

Question

Ho un modulo con una casella di controllo. Con jQuery vorrei impostare il valore della casella di controllo su TRUE se selezionato, e se non è selezionato, il valore sarà impostato su FALSE. Come posso fare questo per favore?

Answer 1

AGGIORNAMENTO: Usando prop anziché attr

<input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE"/> 

$('#vehicleChkBox').change(function(){ 
    cb = $(this); 
    cb.val(cb.prop('checked')); 
}); 

DA DATA:

Ecco l'jsfiddle

<input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE" /> 

$('#vehicleChkBox').change(function(){ 
    if($(this).attr('checked')){ 
      $(this).val('TRUE'); 
    }else{ 
      $(this).val('FALSE'); 
    } 
}); 

Answer 2

Usa $('#id-of-the-checkbox').prop('checked', true_or_false);

Nel caso in cui si utilizza una antica versione jQuery, è necessario utilizzare .attr('checked', 'checked') per controllare e .removeAttr('checked') di deselezionare.

Answer 3

Si può fare (jQuery 1.6 in poi):

$('#idCheckbox').prop('checked', true); 
$('#idCheckbox').prop('checked', false); 

da rimuovere è anche possibile utilizzare:

$('#idCheckbox').removeProp('checked'); 

con jQuery < 1.6 si deve fare

$('#idCheckbox').attr('checked', true); 
$('#idCheckbox').removeAttr('checked'); 

Answer 4

var checkbox = $("#checkbox"); 
checkbox.val(checkbox[0].checked ? "true" : "false"); 

Imposta lo value della casella di controllo su "true" o "false" (value property è un string), a seconda che si tratti di unchecked o checked.

Lavori in jQuery> = 1,0

Answer 5

Prova questo:

HTML:

<input type="checkbox" value="FALSE" /> 

JQ:

$("input[type='checkbox']").on('change', function(){ 
    $(this).val(this.checked ? "TRUE" : "FALSE"); 
}) 

jsfiddle

prega di tenere presente che la casella deselezionata non sarà presentata in forma regolare, e si dovrebbe utilizzare nascosto archiviato per farlo.