javascript - 根据选中的单选按钮展开和折叠 Accordion

Question

我想根据上面按钮组的选中值打开或关闭 Accordion 上的选项卡。

在我的应用程序中，每次我选择单选按钮时都会重新加载页面。

例如:如果我选择 1，那么 Collapsible Group #1 将会打开，如果我选择单选按钮 # 2，那么 Collapsible Group Item #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

您在 fiddle 中的 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.");
        }
    });
});