使用jQuery将checkbox的值设置为true或false

Question

我有一个带复选框的表单.使用jQuery我想将复选框的值设置为TRUE(如果选中),如果未选中,则该值将设置为FALSE.我该怎么办？

Answer 1

你可以做(​​jQuery 1.6以上):

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

删除你也可以使用:

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

使用jQuery <1.6,你必须这样做

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

Answer 2

更新:使用prop而不是attr

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

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

截止日期:

这是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

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

如果您使用的是古老的jQuery版本,则需要使用.attr('checked', 'checked')检查和.removeAttr('checked')取消选中.

Answer 4

试试这个:

HTML:

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

JQ:

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

的jsfiddle

请记住,未经检查的复选框不会以常规形式提交,您应该使用隐藏的文件来执行此操作.