Question

Javascript新手，需要隐藏面板的帮助。

我希望用户以单选按钮形式回答一些问题，这些问题将为检查的答案分配不同的值。隐藏面板中将有3种不同的结果选项，最终将根据得分显示一个结果。

链接到完整代码和html here

function results() {
            var lRisk = document.getElementById('lowRisk')
            var mRisk = document.getElementById('mediumRisk')
            var hRisk = document.getElementById('highRisk')

        if ((score >= 0) && (score =< 15)) {
            lRisk.style.display = 'inline';
        } else if ((score >= 16) && (score <= 25)) {
    mRisk.style.display = 'inline';
         } else {
        lRisk.style.display = 'inline';
        }

非常感谢任何帮助/建议！

Answer 1

如果你只需要根据分数显示 ONE 控件，你应该在开始时隐藏所有这些，然后再做你的条件。

function results() {
        var lRisk = document.getElementById('lowRisk')
        var mRisk = document.getElementById('mediumRisk')
        var hRisk = document.getElementById('highRisk')

        lRisk.style.display = 'none';
        mRisk.style.display = 'none';
        hRisk.style.display = 'none';

        if (score >= 0 && score <= 15) {
            lRisk.style.display = 'inline';
        } else if (score >= 16 && score <= 25) {
            mRisk.style.display = 'inline';
        } else {
            hRisk.style.display = 'inline';
        }
}

如何使用elseif语句来显示隐藏文本

1 个答案: