Question

我正在使用模块，我在第一个标签中使用jquery ui标签我有三个复选框，当用户选择第一个复选框，然后第三个标签变为活动相同的复选框第二个但当用户检查第三个复选框然后它激活第二个只有标签，但当用户在第一和第三，第二和第三时选择两个复选框时，实际上会出现问题。在这两种情况下，tabe 2和第三个都被激活，但是当用户点击下一步按钮时，它会移动到第三个标签，但我想要做的是在第一次点击下一步按钮时将其转移到第二个，然后在下一步的第二个点击如果选中了两个复选框，即第一个和第三个，第二个和第三个复选框，则按钮显示移动到第三个选项卡。单击复选框时检查其工作正常。我已经花了一天时间，但现在没有运气需要认真的帮助。

这是复选框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/

Answer 1

无法选择多个复选框的复选框称为单选按钮。正如我从你的JSFiddle看到的那样，你已经意识到它们的存在，所以我建议你只使用它们，因为这正是它们的设计方案。

jquery ui选项卡根据选中的复选框随机选择

1 个答案: