jquery - jqueryとのチェックボックスの関連付け

Question

チェックボックスが関連して正しく機能しません。4 つのタブを持つ jquery UI タブがあります。最初のタブのチェックボックスをオンにすると、最後の 2 つのタブを無効にする必要があります。それはうまくいきます。しかし、最初のチェックボックスと2番目のタブとの関連付けがあります。したがって、SC1 をチェックすると、SC1 で始まるすべてのチェックボックスがチェックされている必要があります。そして、SC1 がチェックされ、SC2 をチェックした後に、すべての SC2 タブがチェックされ、SC1 のすべてのチェックボックスもチェックされている必要があります。うまくいきません。解決策が見つかることを願っています。

$('#tabs-1').click(function() {
$("#ARtabs").tabs({disabled: [2,3]});


if ($('.SC1T').is(':checked')) 
        {
        $('.SC1').attr('checked' ,'checked');
     }
    else
    if ($('.SC2T').is(':checked'))
            {
                $('.SC2').attr('checked' ,'checked');
            }     
    else
    if ($('.SC3T').is(':checked'))
            {
                $('.SC3').attr('checked' ,'checked');
            }     
    else
    {
        $('.SC1').removeAttr('checked');
        $('.SC2').removeAttr('checked');
        $('.SC3').removeAttr('checked');
        $("#ARtabs").tabs("option", "disabled", []);
    }
});

これがデモンストレーションの私の問題です

事前にTHX