14

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

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

有什么方法可以使用相同的方法获得 1/0 或真/假值？

4

5 回答 5

34

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

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

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

于 2013-07-23T11:51:14.520 回答
1

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

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

只能检查一个，并且只有检查的名称/值将被发送到服务器。

于 2013-07-23T12:09:27.137 回答
1

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

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

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

我们必须绑定这些复选框的更改事件并将其值设置为真或假。

 $('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);
    }
});

默认情况下，复选框值不会出现在 $('form').serializeArray() 中，它是在选中时出现的。

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

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

现在，当我们序列化表单时，我们会得到正确的值，例如： Check1=true Check2=false

于 2017-07-04T11:58:07.583 回答
0 
<input type="checkbox" name="check1" value="true" id="check1">

只需设置值

于 2015-03-25T12:58:57.517 回答
0

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

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

并使用一个小的 JQuery 助手

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

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

于 2018-01-14T22:05:54.850 回答