javascript - 当用户选中 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); 
}); 

这是一个小提琴