表单提交时，复选框不会保持禁用状态

Question

我最近询问a question有关如何在点击ONE时禁用一系列复选框的问题。以下代码执行此操作：jsfiddle example。我现在遇到的问题，以及之前应该测试的是表单提交。

复选框保持单击状态，但兄弟姐妹现在应在禁用时保持启用状态。关于我必须更改以下内容的任何提示，以便只要第一个复选框仍然被点击，其余的仍然被禁用？

 $(function () {
      $("#disable").change(function () {
        $(this).closest('.control-group').siblings('.control-group').find('input').attr("disabled", $(this).is(":checked"));
      });
    });

Answer 1

我怀疑您的表单提交会导致回发。如果如你所说，在此回发中仍然会选中复选框，则可以像这样修改代码：

$(function () {
    $("#disable").change(function () {
        $(this).closest('.control-group').siblings('.control-group').find('input').attr("disabled", $(this).is(":checked"));
    }).change();  // trigger this immediately
});