当用户在“复选框”列表中选中一个复选框时，如何禁用该复选框？

Question

I've a table in which first row contains a checkbox list. I've a scenario like if user click any checkbox of that list the other should be disabled mode and uncheck the checkbox enable the all checkboxes.

I've tried like to disable the checkbox ,but unable to un-checkbox the checkbox it should to enable all.

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

how can we hold the state of checkboxes in case of paging ?

Answer 1

In answer to your first question, you can just set .prop('disabled') based on the value of this.checked :

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

Here's a fiddle