同样的问题，未选中的复选框将不会在表单提交时发送，我提出了另一种解决方案，而不是镜像复选框项目。

获取所有未选中的复选框

var checkboxQueryString;

$form.find ("input[type=\"checkbox\"]:not( \":checked\")" ).each(function( i, e ) {
  checkboxQueryString += "&" + $( e ).attr( "name" ) + "=N"
});

如果未选中复选框，则它不会在表单提交时发送数据。

HTML5第4.10.22.4节构造表单数据集描述了表单数据的构造方式:

如果满足以下任何条件，则跳过这些子步骤 对于这个元素: […] 字段元素是一个输入元素，其类型为 属性处于复选框状态，其选中度为false。

如果value缺失，则指定默认值on:

否则，如果字段元素是一个输入元素，其类型属性处于复选框状态或单选按钮状态，则运行这些进一步嵌套的子步骤: 如果字段元素指定了value属性，则让value为该属性的值;否则，让value为字符串“on”。

因此在表单数据构造过程中会跳过未选中的复选框。

HTML4中也要求类似的行为。期望所有兼容的浏览器都有这种行为是合理的。

我用下面的代码解决了这个问题:

HTML表单

<input type="checkbox" id="is-business" name="is-business" value="off" onclick="changeValueCheckbox(this)" >
<label for="is-business">Soy empresa</label>

而javascript函数通过改变复选框值的形式:

//change value of checkbox element
function changeValueCheckbox(element){
   if(element.checked){
    element.value='on';
  }else{
    element.value='off';
  }
}

服务器检查数据张贴是“打开”还是“关闭”。我使用的是playframework java

        final Map<String, String[]> data = request().body().asFormUrlEncoded();

        if (data.get("is-business")[0].equals('on')) {
            login.setType(new MasterValue(Login.BUSINESS_TYPE));
        } else {
            login.setType(new MasterValue(Login.USER_TYPE));
        }

我有一个页面(表单)，动态生成复选框，所以这些答案有很大的帮助。我的解决方案与这里的许多解决方案非常相似，但我禁不住认为它更容易实现。

首先，我把一个隐藏的输入框与我的复选框，即。

 <td><input class = "chkhide" type="hidden" name="delete_milestone[]" value="off"/><input type="checkbox" name="delete_milestone[]"   class="chk_milestone" ></td>

现在，如果所有的复选框都未被选中，那么隐藏字段返回的值将全部关闭。

例如，这里有五个动态插入的复选框，表单post了以下值:

  'delete_milestone' => 
array (size=7)
  0 => string 'off' (length=3)
  1 => string 'off' (length=3)
  2 => string 'off' (length=3)
  3 => string 'on' (length=2)
  4 => string 'off' (length=3)
  5 => string 'on' (length=2)
  6 => string 'off' (length=3)

这表明只有第3和第4个复选框被选中或选中。

从本质上讲，虚拟或隐藏的输入字段只是表明一切都是关闭的，除非在off索引下面有一个“on”，然后在不需要一行客户端代码的情况下为您提供所需的索引。

.

当且仅当复选框被选中时，复选框将发布值“on”。您可以使用隐藏输入，而不是捕获复选框值

JS:

var chk = $('input[type="checkbox"]');
    chk.each(function(){
        var v = $(this).attr('checked') == 'checked'?1:0;
        $(this).after('<input type="hidden" name="'+$(this).attr('rel')+'" value="'+v+'" />');
    });

chk.change(function(){ 
        var v = $(this).is(':checked')?1:0;
        $(this).next('input[type="hidden"]').val(v);
    });

HTML:

<label>Active</label><input rel="active" type="checkbox" />

在你的帖子中

 'your_field': your_field.is(':checked'),