Establecer el valor de la casilla de verificación en verdadero o falso con jQuery

Question

Tengo un formulario con una casilla de verificación. Con jQuery, me gustaría establecer el valor de la casilla de verificación en TRUE si está marcada, y si no está marcada, el valor se establecerá en FALSE. ¿Cómo puedo hacer esto por favor?

Answer 1

ACTUALIZADA: Usando prop en lugar de attr

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

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

OUT DE FECHA:

Aquí está el 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

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

Si estás usando una versión antigua de jQuery, que tendrá que utilizar para comprobar y .attr('checked', 'checked').removeAttr('checked') desmarcar.

Answer 3

Puede hacer (jQuery 1.6 en adelante):

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

para eliminar también se puede utilizar:

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

con jQuery < 1.6 que debe hacer

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

Answer 4

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

Esto configurará el value de la casilla de verificación a "true" o "false" (value property es string), dependiendo de si es unchecked o checked.

Obras en jQuery> = 1,0

Answer 5

Prueba esto:

HTML:

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

jQ:

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

jsfiddle

Por favor tener en cuenta que casilla sin marcar no se presentará en forma regular, y se debe utilizar oculto archivado para poder hacerlo.