根據選中的單選按鈕展開和摺疊手風琴

Question

我想基於上述按鈕組中的選中值打開或關閉Accordion上的選項卡。

在我的應用程序中，每次選擇單選按鈕時都會有一個頁面重新加載。

例如：如果我選擇1，則摺疊式組1將打開，如果選擇單選按鈕＃2，則摺疊式組件2將打開。

$(document).ready(function() { 
    $("input[name='inlineRadioOptions']").click(function() { 
     var checkedValue = $("input[name='inlineRadioOptions']:checked").val(); 
     console.log(checkedValue); 
     if (checkedValue == "option1") { 
      $("#collapseOne").collapse('show'); 
      $("#collapseTwo").collapse('hide'); 
     } else if (checkedValue == "option2") { 
      $("#collapseOne").collapse('hide'); 
      $("#collapseTwo").collapse('show'); 

     } else { 
      console.log("Oops."); 
     } 
    }); 
}); 

This is my jsfiddle

Answer 1

你在撥弄JS不匹配你的問題說什麼。您需要在else if改變graduate到option2： https://jsfiddle.net/z49fxn6q/

$(document).ready(function() { 

    $("input[name='inlineRadioOptions']").click(function() { 
     var checkedValue = $("input[name='inlineRadioOptions']:checked").val(); 
     console.log(checkedValue); 
     if (checkedValue == "option1") { 
      $("#collapseOne").collapse('show'); 
      $("#collapseTwo").collapse('hide'); 
     } else if (checkedValue == "option2") { 
      $("#collapseOne").collapse('hide'); 
      $("#collapseTwo").collapse('show'); 

     } else { 
      console.log("Oops."); 
     } 
    }); 
});