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

Question

我最近问了一个关于如何在单击 ONE 时禁用一系列复选框的问题。那么下面的代码就是这样做的：jsfiddle example。我现在遇到的并且之前应该测试过的问题是表单提交。

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

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

Answer 1

I suspect your form submission results in a postback. If, as you said, the checkbox will remain checked on this postback, you can modify your code like so:

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