@cpburnz说对了，但是代码太多了，下面是使用更少代码的相同想法:

JS:

// jQuery OnLoad
$(function(){
    // Listen to input type checkbox on change event
    $("input[type=checkbox]").change(function(){
        $(this).parent().find('input[type=hidden]').val((this.checked)?1:0);
    });
});

HTML(注意字段名使用数组名):

<div>
    <input type="checkbox" checked="checked">
    <input type="hidden" name="field_name[34]" value="1"/>
</div>
<div>
    <input type="checkbox">
    <input type="hidden" name="field_name[35]" value="0"/>
</div>
<div>

对于PHP:

<div>
    <input type="checkbox"<?=($boolean)?' checked="checked"':''?>>
    <input type="hidden" name="field_name[<?=$item_id?>]" value="<?=($boolean)?1:0?>"/>
</div>

我先试了山姆的版本。 好主意，但它会导致表单中有多个具有相同名称的元素。如果您使用任何基于名称查找元素的javascript，它现在将返回一个元素数组。

我已经在PHP中解决了Shailesh的想法，它为我工作。 这是我的代码:

/* Delete '.hidden' fields if the original is present, use '.hidden' value if not. */
foreach ($_POST['frmmain'] as $field_name => $value)
{
    // Only look at elements ending with '.hidden'
    if ( !substr($field_name, -strlen('.hidden')) ) {
        break;
    }

    // get the name without '.hidden'
    $real_name = substr($key, strlen($field_name) - strlen('.hidden'));

    // Create a 'fake' original field with the value in '.hidden' if an original does not exist
    if ( !array_key_exists( $real_name, $POST_copy ) ) {
        $_POST[$real_name] = $value;
    }

    // Delete the '.hidden' element
    unset($_POST[$field_name]);
}

我也喜欢这个解决方案，你只是发布一个额外的输入字段，使用JavaScript似乎有点hack对我来说。

取决于你使用什么你的后端将取决于哪个输入先去。

对于使用第一次出现的服务器后端(JSP)，您应该执行以下操作。

  <input type="checkbox" value="1" name="checkbox_1"/>
  <input type="hidden" value="0" name="checkbox_1"/>

对于使用最后一次出现的服务器后端(PHP、Rails)，您应该执行以下操作。

  <input type="hidden" value="0" name="checkbox_1"/>
  <input type="checkbox" value="1" name="checkbox_1"/>

对于服务器后端，其中所有事件都存储在列表数据类型([]，数组)中。(Python / Zope)

你可以按照你喜欢的任何顺序发布，你只需要尝试从输入中获得带有复选框类型属性的值。如果复选框在隐藏元素之前，列表的第一个索引如果复选框在隐藏元素之后，列表的最后一个索引。

对于一个服务器后端，所有发生的事件都用逗号连接(ASP。Net / iis) 您需要使用逗号作为分隔符来(拆分/分解)字符串，以创建列表数据类型。([])

现在，如果复选框在隐藏元素之前，您可以尝试获取列表的第一个索引，如果复选框在隐藏元素之后，则可以尝试获取列表的最后一个索引。

图片来源

为不同ID的复选框添加一个隐藏输入:

<input id='testName' type='checkbox' value='Yes' name='testName'>
<input id='testNameHidden' type='hidden' value='No' name='testName'>

在提交表单之前，根据检查的条件禁用隐藏输入:

form.addEventListener('submit', () => {
    if(document.getElementById("testName").checked) {
        document.getElementById('testNameHidden').disabled = true;
    }
}

复选框的问题是，如果它们没有被选中，那么它们就不会随表单一起发布。如果你选中一个复选框并提交一个表单，你将在$_POST变量中获得该复选框的值，你可以使用它来处理表单，如果它未选中，则不会向$_POST变量中添加任何值。

在PHP中，通常可以通过对复选框元素执行isset()检查来解决这个问题。如果你期望的元素没有在$_POST变量中设置，那么我们知道复选框没有被选中，值可以为false。

if(!isset($_POST['checkbox1']))
{
     $checkboxValue = false;
} else {
     $checkboxValue = $_POST['checkbox1'];
}

但是如果你创建了一个动态表单，那么你并不总是知道你的复选框的name属性，如果你不知道复选框的名称，那么你就不能使用isset函数来检查它是否与$_POST变量一起发送。

因此，对于这个问题，这个解决方案是多余的，但当我在一个表的不同行中多次出现相同的复选框时，它帮助了我。我需要知道复选框代表的行，也知道复选框的状态(选中/未选中)。

我所做的是将name属性从复选框输入中删除，将它们全部赋予相同的类，并创建一个隐藏输入，该输入将保存与数据等效的JSON。

HTML

<表id = "权限表" > < tr > < td > <input type="checkbox" class="has-permission-cb" value="Jim"> <input type="checkbox" class="has-permission-cb" value="Bob"> <input type="checkbox" class="has-permission-cb" value="Suzy"> < / td > < / tr > 表> < / <input type="hidden" id="has-permissions-values" name="has-permissions-values" value=""> .

Javascript在表单提交上运行

var perms = {}; $ (" .has-permission-checkbox .each(功能)”(){ var userName = this.value; var val = ($(this).prop("checked")) ?1:0 perms[userName] = {"hasPermission": val}; }); $ (" # has-permissions-values ") (.val JSON.stringify perms));

json字符串将作为$_POST["has-permissions-values"]与表单一起传递。在PHP中，将字符串解码为一个数组，您将得到一个关联数组，其中包含每行和每个对应复选框的true/false值。然后很容易遍历并与当前数据库值进行比较。