0

我正在开发我在第一个选项卡中使用 jquery ui 选项卡的模块，当用户选择第一个复选框时，我有三个复选框，然后第三个选项卡对第二个复选框变为活动状态，但是当用户选中第三个复选框时，它只激活第二个选项卡但是当用户一次选择两个复选框（如第一个和第三个或第二个和第三个）时，实际会出现问题。在这两种情况下，标签 2 和第三个都处于活动状态，但是当用户单击下一步按钮时，它会移动到第三个标签，但我想要做的是在第一次单击下一步按钮和第二次单击下一步时将其转移到第二个按钮，仅在检查两个复选框时，即可移动到第三个选项卡，即检查其工作正常时，即单个复选框，即第1和第三和第3个选项卡。我已经花了一天的时间，但现在没有运气需要认真的帮助。

这是复选框 1 的 jquery，仅作为示例完整代码在下面的 jsfiddle 中可用

jQuery('#checkbox1').change(function(){ 
  if (this.checked) {
    jQuery('#rdbtns1').fadeIn('slow');

jQuery(function() {

        var $tabs = jQuery('#tabs').tabs();

        jQuery(".ui-tabs-panel").each(function(i){

          var totalSize = jQuery(".ui-tabs-panel").size() - 1;

          if (i != totalSize) {
              next = i + 3;
              jQuery(".ui-tabs-panel").append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Step</a>");
          }
        });

        jQuery('.next-tab').click(function() { 
               $tabs.tabs('select', $('.next-tab').attr("rel"));
               return false;
           });
    });


   } else {
      jQuery('#rdbtns1').css('display','none').fadeOut('slow');
   }                   
 });

这是http://jsfiddle.net/k2YfP/6/

4

1 回答 1

0

不能选择多个复选框的复选框称为单选按钮。正如我从您的 JSFiddle 中看到的那样，您已经知道它们的存在，所以我建议您只使用它们，因为这正是它们设计的场景。

于 2013-05-28T02:28:22.240 回答