jQueryでcheckboxの値をtrueまたはfalseに設定する

Question

私はチェックボックスを持つフォームを持っています。 jQueryではチェックボックスの値をTRUEに設定し、チェックされていない場合はFALSEに設定します。どうすればいいですか？

Answer 1

は更新：代わりのattrの小道具を使用して

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

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

DATE OF OUT：ここ

が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

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

あなたは古代のjQueryのバージョンを使用している場合は、あなたがオフにチェックし.removeAttr('checked')する.attr('checked', 'checked')を使用する必要があります。

Answer 3

あなたは（以降のjQuery 1.6）を行うことができます。

はjQueryの< 1.6と

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

あなたは

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

Answer 4

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

を行う必要があります。

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

はあなたにも使用することができます削除します

これにより、が設定されますチェックボックスのは"true"または"false"（value propertyはstring)）で、uncheckedまたはcheckedのいずれかに応じて異なります。 jQueryので

作品> = 1.0

Answer 5

です

HTML：：

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

jQの：

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

jsfiddle

未チェックチェックボックスは、通常の形で提出されないことを心に留めて、あなたが使用する必要がありますしてくださいはこれを試してみてくださいそれをするために隠されたフィールド。