Question

我们目前正在使用$('form').serialize()来获取所有表单信息

这会将任何复选框值返回为“开”或“关”。

有没有办法使用同样的方法获得1/0或真/假值？

Answer 1

是。您可以通过添加一个与复选框同名的隐藏输入来执行此操作，如果未选中复选框，将提交该值：

<input type="hidden" name="option" value="false"/>
<input type="checkbox" name="option" value="true"/>

如果选中复选框，它将提交两个值。但服务器端将读取最新的一个（复选框的值）

Answer 2

表单控件的值始终是字符串。您可以使用单选按钮为同一控件名称获取不同的值：

<form ...>
  <input type="radio" name="whatever" value="true">true
  <br>
  <input type="radio" name="whatever" value="false">false
  ...
</form>

只能检查一个，只有选中的名称/值才会发送到服务器。

Answer 3

<input type="checkbox" name="check1" value="true" id="check1">

只需设置值

Answer 4

如果我们的页面中有多个复选框，例如：

  <input id="reminder" name="Check1" value="false" type="checkbox" /> 

  <input id="alarm" name="Check2" value="false" type="checkbox" />

我们必须绑定这些复选框的change事件，并将其值设置为true或false。

 $('input[type=checkbox]').on('change', function(){
    var name =    $(this).attr('name');
    if($(this).is(':checked')){
    $('input[name= "' +name +'"]').val(true);
        $(this).val(true);
    }
    else{
       $(this).val(false);
       $('input[name= "' +name +'"]').val(false);
    }
});

默认情况下，复选框值不会显示在$（＆＃39; form＆＃39;）中.serializeArray（）会在选中时显示。

我们必须为每个复选框保留一个隐藏字段，如：

<input type="hidden" value="false" name="Check1" />
<input type="hidden" value="false" name="Check2" />

现在，当我们现在序列化表单时，我们得到正确的值，如：检查1 =真 CHECK2 = FALSE

Answer 5

您可以为复选框添加新类，并在单击时设置值。

<input class="checkbox" id="someId" type="checkbox" value="false" />Checkbox

使用小型JQuery助手

$('.checkbox').click(function () {
    $(this).val() == "false" ? $(this).val("true") : $(this).val("false");
});

然后，您将能够获取复选框的值或序列化表单。

使用form.serialize获取正确的复选框值

5 个答案: