0

私は最初のタブでjquery uiタブを使用しているモジュールに取り組んでいますユーザーが1番目のチェックボックスを選択すると3つのチェックボックスがあり、3番目のタブは2番目のチェックボックスと同じようにアクティブになりますが、ユーザーが3番目のチェックボックスをチェックすると2番目のタブのみがアクティブになりますが、この問題は、ユーザーが 1 番目と 3 番目または 2 番目と 3 番目のように一度に 2 つのチェック ボックスを選択した場合に実際に発生します。これら2つのケースでは、タブ2と3番目の両方がアクティブになりますが、ユーザーが次のステップボタンをクリックすると3番目のタブに移動しますが、次のステップボタンの最初のクリックと次のステップの2回目のクリックで2番目に転送したいボタンをクリックすると、2 つのチェックボックス、つまり 1 番目と 3 番目、または 2 番目と 3 番目のチェックボックスがチェックされている場合にのみ、3 番目のタブに移動する必要があります。私はすでにそれに1日を費やしましたが、運が悪いので深刻な助けが必要です.

これは、チェックボックス 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 に答える