Question

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

在我的应用程序中，每次选择单选按钮时都会有一个Page Reload。

例如：如果我选择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与你在问题中说的不一致。您需要在graduate中将option2更改为else if： 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.");
        }
    });
});

根据选中的单选按钮展开和折叠手风琴

1 个答案: