Setting the value of checkbox to true or false with jQuery

Question

I have a form with a checkbox. With jQuery I would like to set the value of the checkbox to TRUE if checked, and if it is not checked, the value will be set to FALSE. How I can do this please?

Answer 1

You can do (jQuery 1.6 onwards):

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

to remove you can also use:

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

with jQuery < 1.6 you must do

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

Answer 2

UPDATED: Using prop instead of attr

 <input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE"/>   $('#vehicleChkBox').change(function(){      cb = $(this);      cb.val(cb.prop('checked'));  }); 

OUT OF DATE:

Here is the jsfiddle

<input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE" />  $('#vehicleChkBox').change(function(){      if($(this).attr('checked')){           $(this).val('TRUE');      }else{           $(this).val('FALSE');      } });