jQuery版本的@vishnu的答案。

if($('#testName').is(":checked")){
    $('#testNameHidden').prop('disabled', true);
}

如果您正在使用jQuery 1.5或以下版本，请使用.attr()函数而不是.prop()

jQuery版本的@vishnu的答案。

if($('#testName').is(":checked")){
    $('#testNameHidden').prop('disabled', true);
}

如果您正在使用jQuery 1.5或以下版本，请使用.attr()函数而不是.prop()

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

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

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

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

您还可以截取表单。提交事件和提交前的反向检查

$('form').submit(function(event){
    $('input[type=checkbox]').prop('checked', function(index, value){
        return !value;
    });
});

有一个更好的解决办法。 首先，只向选中的复选框提供name属性。 然后点击提交，通过JavaScript函数检查所有未选中的框。 当你提交时，只有那些会在表单集合中检索到那些有name属性的。

  //removing name attribute from all checked checkboxes
                  var a = $('input:checkbox:checked');
                   $(a).each(function () {
                       $(this).removeAttr("name");        
                   });

   // checking all unchecked checkboxes
                   var b = $("input:checkbox:not(:checked)");
                   $(b).each(function () {
                       $(this).attr("checked", true);
                   });

优势: 不需要创建额外的隐藏框，并操作它们。

你可以在表单的提交事件中执行一些Javascript。这就是你所能做的，没有办法让浏览器自己做这件事。这也意味着没有Javascript的用户将无法使用表单。 更好的方法是在服务器上知道有哪些复选框，这样就可以推断出那些从提交的表单值(PHP中的$_POST)中缺少的复选框是未选中的。