Ustawianie wartości pola wyboru na wartość true lub false za pomocą jQuery

Question

Mam formularz z polem wyboru. Z jQuery chciałbym ustawić wartość pola wyboru na TRUE, jeśli jest zaznaczone, a jeśli nie jest zaznaczone, wartość zostanie ustawiona na FALSE. Jak mogę to zrobić, proszę?

Answer 1

AKTUALIZACJA: Za pomocą podpory zamiast ATTR

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

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

nieaktualne:

Oto 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

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

W przypadku korzystania starożytną wersję jQuery, trzeba użyć .attr('checked', 'checked') sprawdzić i .removeAttr('checked') odznaczyć.

Answer 3

Można to zrobić (jQuery 1,6 roku):

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

usunąć można również użyć:

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

z jQuery < 1.6 trzeba zrobić

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

Answer 4

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

Spowoduje to ustawienie value pola wyboru na "true" lub "false" (value property jest string), w zależności od tego, czy jest to unchecked czy checked.

roboty jQuery> = 1,0

Answer 5

Spróbuj tego:

HTML:

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

JQ:

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

jsfiddle

Należy pamiętać, że zaznaczone pole wyboru nie zostanie przedłożony w zwykłej formie i należy użyć ukryte, aby to zrobić.