javascript - ユーザーがチェックボックスリストでチェックボックスのいずれかをチェックしたときにチェックボックスを無効にするにはどうすればよいですか?

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); 
}); 

ここにフィドルがあります