输入类型="hidden" name="is_main" value="0"

输入类型="checkbox" name="is_main" value="1"

所以你可以像我在应用程序中那样控制。 如果检查成功，则发送值1，否则为0

在HTML中，每个<input />元素都与单个(但不是唯一的)名称和值对相关联。只有当<input />是“成功的”时，这个对才会在后续的请求中发送(在本例中是POST请求体)。

如果你在<form> DOM中有这些输入:

<input type="text"     name="one"   value="foo"                        />
<input type="text"     name="two"   value="bar"    disabled="disabled" />
<input type="text"     name="three" value="first"                      />
<input type="text"     name="three" value="second"                     />

<input type="checkbox" name="four"  value="baz"                        />
<input type="checkbox" name="five"  value="baz"    checked="checked"   />
<input type="checkbox" name="six"   value="qux"    checked="checked" disabled="disabled" />
<input type="checkbox" name=""      value="seven"  checked="checked"   />

<input type="radio"    name="eight" value="corge"                      />
<input type="radio"    name="eight" value="grault" checked="checked"   />
<input type="radio"    name="eight" value="garply"                     />

将生成这些名称+值对，并提交给服务器:

one=foo
three=first
three=second
five=baz
eight=grault

注意:

2和6被排除在外，因为它们具有disabled属性集。 3被发送了两次，因为它有两个名称相同的有效输入。 没有发送Four，因为它是一个未选中的复选框 尽管选中了Six，但没有发送，因为disabled属性具有更高的优先级。 Seven没有发送name=""属性，所以没有提交。

关于你的问题:你可以看到，一个没有被选中的复选框将不会将其名称+值对发送到服务器-但其他共享相同名称的输入将与它一起发送。

像ASP这样的框架。NET MVC通过(秘密地)将每个复选框输入与渲染HTML中的隐藏输入配对来解决这个问题，如下所示:

@Html.CheckBoxFor( m => m.SomeBooleanProperty )

呈现:

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

如果用户不勾选复选框，则将以下内容发送到服务器:

SomeBooleanProperty=false

如果用户选中了复选框，那么两个都将被发送:

SomeBooleanProperty=true
SomeBooleanProperty=false

但是服务器会忽略=false版本，因为它看到了=true版本，所以如果它没有看到=true版本，它就可以确定复选框被呈现了，并且用户没有选中它——而不是someboolean属性输入根本没有被呈现。

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

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

 <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”，然后在不需要一行客户端代码的情况下为您提供所需的索引。

.

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

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

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

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

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

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

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

输入类型="hidden" name="is_main" value="0"

输入类型="checkbox" name="is_main" value="1"

所以你可以像我在应用程序中那样控制。 如果检查成功，则发送值1，否则为0

在你的帖子中

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