当用户选中Checkboxlist中的复选框时，我们如何禁用该复选框？

Question

我有一张表，其中第一行包含一个复选框列表。我有一个场景，如果用户单击该列表的任何复选框，则另一个应该被禁用模式，并取消选中复选框启用所有复选框。

我试图禁用该复选框，但无法取消选中复选框以启用所有复选框。

var $checkboxList = $('#tr1 input[type=checkbox]');
            $checkboxList.change(function () {
                $checkboxList.each(function () {
                    if (!this.checked) {
                        this.disabled = true;
                    }
                    else {
                        this.disabled = false;
                    }
                });
            }); 

在分页的情况下我们如何保持复选框的状态？

Answer 1

在回答您的第一个问题时，您只需根据.prop('disabled')的值设置this.checked：

$checkboxList.change(function () {
    $checkboxList.not(this).prop('disabled', this.checked); 
}); 

Here's a fiddle