基於複選框選擇顯示/隱藏選項卡

我在一個JSP頁面上有4個選項卡。比方說標籤1，標籤2，標籤3，標籤4。最初啓用Tab1表示用戶可以自由地在Tab1上執行其工作，但其他選項卡（Tab2，Tab3，Tab4）被禁用，這意味着當用戶點擊Tab2或Tab3或Tab4時，他看不到這些選項卡的內容。在我的第一個選項卡（即Tab1）上存在複選框，如果用戶將檢查複選框，然後選中Tab2並且用戶可以看到Tab2的內容，並且此時用戶還可以查看Tab1的內容，因此兩個選項卡（Tab1和Tab2）現在啓用，當用戶點擊Tab1時，他/她可以對Tab1的內容進行任何操作，如果他/她將單擊Tab2然後像Tab1 s /他可以對Tab2的內容進行任何操作像瀏覽器中的兩個選項卡），但Tab3和Tab4的內容被禁用，直到用戶檢查Tab1中存在的其他兩個複選框。現在，如果用戶來到Tab1並取消選中第二個複選框，則Tab2將被禁用，用戶將被禁止看到Tab2的內容。如何在jquery/javascript/ajax/css /以任何方式做到這一點？基於複選框選擇顯示/隱藏選項卡

任何幫助，非常感謝。

來源

2012-01-24 Tom

嘗試此鏈接

http://www.barelyfitz.com/projects/tabber/

希望這可以幫助你..

順便說一下，這也是好東西

http://docs.jquery.com/UI/Tabs

來源

2012-01-24 07:25:31

FRND感謝您的回覆...但我的問題是有點different..please看看，如果你能找到任何解決方案 – Tom

檢查下面的鏈接也有類似的方法** tabsenable，tabsdisable * *做你的問題.. –

在JSFiddle Live Demo它應該看一看提供一個相當好的例子來開始，簡而言之，當用戶點擊時你需要做的是什麼一個元素S，你要隱藏的所有標籤，並且只顯示對應於您的需求的，這裏的代碼剪斷：

var tabids = ["tab-1", "tab-2", "tab-3"]; 

function showtab(index) { 
    var i; 
    for (i = 0; i < tabids.length; i++) { 
     $("#" + tabids[i]).hide(); 
    } 
    $("#" + tabids[index]).show(); 
}

，你可以看到，我定義它包含一個數組我需要顯示/隱藏的標籤ID。

編輯：請看看JSFiddle Live Demo Take #2

來源

2012-01-24 07:39:15 ComputerSaysNo

親愛的朋友..感謝您的回覆...我檢查了演示，但控制將基於複選框，如果一個複選框被選中然後兩個選項卡將啓用這樣的：http ：//www.roseindia.net/java/example/java/swing/EnableAndDisableTab.shtml – Tom

我想在jsp頁面中實現那個作爲web應用程序。 – Tom

這將足以切換'disabled'屬性document.getElementById（btnids [index]）。disabled =！sender.checked;' – Stefan

我認爲這將解決您的問題，

它有複選框驗證，繼續下一個標籤。

http://flowplayer.org/tools/demos/tabs/wizard.html

來源

2012-01-24 07:51:58 Jashwant

btw你可以使用 http://docs.jquery.com/UI/Tabs 我個人使用這個或我的自定義選項卡。 jqueryUI選項卡禁用加載和以後的選項。標記爲答案，如果有幫助 – Jashwant

基於複選框選擇顯示/隱藏選項卡

回答

相關問題