复选框与jquery的关联

复选框与jquery的关联,jquery,jquery-ui,Jquery,Jquery Ui,我的复选框在关联中无法正常工作。 我有一个带有4个选项卡的jquery UI选项卡。如果我签入第一个选项卡复选框,则必须停用最后两个选项卡。那很好。 但是我与第一个和第二个选项卡中的复选框有关联。因此,当我选中SC1时,必须选中以SC1开头的每个复选框。如果选中了SC1,然后我选中了SC2,那么必须选中所有SC2选项卡,并且仍然选中SC1的所有复选框。它不起作用,我希望你能找到解决办法 $('#tabs-1').click(function() { $("#ARtabs").tabs({disa

我的复选框在关联中无法正常工作。 我有一个带有4个选项卡的jquery UI选项卡。如果我签入第一个选项卡复选框,则必须停用最后两个选项卡。那很好。 但是我与第一个和第二个选项卡中的复选框有关联。因此,当我选中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预先

问题在于else语句。如果其中一个条件为真,则不会检查以下条件

$(function() {
    $( "#ARtabs" ).tabs({
       collapsible: true,
       fx: { opacity: 'toggle' }
    });
});

$('#tabs-1').click(function() {

   var oneIsChecked = false;
   if ($('.SC1T').is(':checked')){
       oneIsChecked = true;
       $('.SC1').attr('checked' ,'checked');
   }else{
       $('.SC1').removeAttr('checked');
   }

   if ($('.SC2T').is(':checked')){
        oneIsChecked = true;
        $('.SC2').attr('checked' ,'checked');
   }else{
       $('.SC2').removeAttr('checked');
   }     

    if ($('.SC3T').is(':checked')){
        oneIsChecked = true;
        $('.SC3').attr('checked' ,'checked');
    }else{
       $('.SC3').removeAttr('checked');
    }     


   if(oneIsChecked){ 
       $("#ARtabs").tabs({disabled: [2,3]});
   }else{
       $('.SC1').removeAttr('checked');
       $('.SC2').removeAttr('checked');
       $('.SC3').removeAttr('checked');
       $("#ARtabs").tabs("option", "disabled", []);
   } 
});

方法有点不同,但基本上是相同的概念: