Définir la valeur de la case à cocher sur true ou false avec jQuery

Question

J'ai un formulaire avec une case à cocher. Avec jQuery, je voudrais définir la valeur de la case à cocher sur TRUE si elle est cochée, et si elle n'est pas cochée, la valeur sera définie sur FALSE. Comment puis-je faire cela s'il vous plaît?

Answer 1

Vous pouvez faire (jQuery 1.6 et suivants) :

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

pour supprimer, vous pouvez également utiliser:

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

avec jQuery < 1.6 vous devez faire

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

Answer 2

MISE À JOUR : Utiliser prop au lieu d'attr

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

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

PÉRIMÉ :

Voici le 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 3

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

Si vous utilisez une ancienne version de jQuery, vous devrez utiliser .attr('checked', 'checked') pour vérifier et .removeAttr('checked') pour décocher.

Answer 4

Essaye ça:

HTML :

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

jQ :

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

jsfiddle

Veuillez garder à l'esprit que la case non cochée ne sera pas soumise sous une forme régulière et que vous devez utiliser un fichier caché pour le faire.

Answer 5

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

Cela définira le value de la case à cocher sur "true" ou "false" ( value property est un string) , selon que c'est unchecked ou checked .

Fonctionne en jQuery >= 1.0