Jquery 如何根据值的大小显示div

如何根据值的大小显示

div

jQuery（函数（）{
jQuery（“#btn_测试”）。单击（函数（）{
$（this）.parent（）.children（'test#u inner'）.slideToggle（'500'）；
返回false；
});
jQuery（“输入[type='radio']”）。更改（函数（）{
计算（）；
});
函数计算（）{
var总和=0；
jQuery（“输入[type='radio']：选中”）。每个（函数（）{
sum+=isNaN（this.value）|$.trim（this.value）==''？0:parseFloat（this.value）；
jQuery（“#totalSum”）.html（sum）；
$（“输入[type='radio']”）。更改（函数（）{
如果（值ol>li）：之前{
内容：计数器（列表，低字母）“）”；
计数器增量：列表；
位置：绝对位置；
排名：0；
左：0；
字号：700；
}
.test item>ol>li输入[type=“radio”]，.test item>ol>li span{
显示：内联块；
垂直对齐：中间对齐；
}
.测试项目>ol>li span{
填充：0 5px；
位置：相对位置；
}
.test item>ol>li标签输入[type=“radio”]{
显示：无；
}
.test item>ol>li标签输入[type=“radio”]：选中+span{
背景：#008000；
颜色：#fff；
显示：块；
填充物：1px 5px；
}
.test item>ol>li标签输入[type=“radio”]：选中+span:之前{
内容：'\2714'；
位置：绝对位置；
排名：0；
左：-40px；
颜色：#008000；
字号：700；
}
.测试隐藏{
显示：无；
}
.未隐藏的测试{
显示：块；
}
.测试结果{
}
.测试结果项目{
保证金：25像素自动；
显示：无；
}
#总和{
文本对齐：居中；
字号：700；
字体大小：20px；
}

试验
问？

变式1

变式2

变式3

变式4
问？

变式1

变式2

变式3

变式4
问？

变式1

变式2

变式3

变式4
问？

变式1

变式2

变式3

变式4
问？

变式1

变式2

变式3

变式4
总数：0分
少于20分
第一组

20-30分
第2组

30-40分
第3组

超过40分
第4组

我已将函数更新为

function calculate() {
    var sum = 0;

    jQuery("input[type='radio']:checked").each(function () {

        sum += isNaN(this.value) || $.trim(this.value) === '' ? 0 : parseFloat(this.value);

        jQuery("#totalSum").html(sum);

            if (sum < 8) {
                jQuery("#test_result-item_1").show();
            } else if (parseFloat(value) < 12) {
                jQuery("#test_result-item_2").show();
            } else if (parseFloat(value) < 17) {
                jQuery("#test_result-item_3").show();
            } else {
                jQuery("#test_result-item_4").show();
            }



    });
}

函数计算（）{
var总和=0；
jQuery（“输入[type='radio']：选中”）。每个（函数（）{
sum+=isNaN（this.value）|$.trim（this.value）==''？0:parseFloat（this.value）；
jQuery（“#totalSum”）.html（sum）；
如果（总和<8）{
jQuery（“#test_result-item_1”）.show（）；
}否则如果（解析浮点（值）<12）{
jQuery（“#test_result-item_2”）.show（）；
}否则如果（解析浮点（值）<17）{
jQuery（“#test_result-item_3”）.show（）；
}否则{
jQuery（“#test_result-item_4”）.show（）；
}
});
}

---

检查代码：

您正在调用代码中的不同div，即您试图读取的id不在页面上。此外，逻辑也很长且错误。我已为此更新了小提琴。 逻辑是

if (sum <= parseInt(8)) {
                    jQuery("#test_result-item_1").show();
                } else if ((9 <= sum) && (sum <= 12)) {
                    jQuery("#test_result-item_2").show();
                } else if ((13 <= sum) && (sum <= 17)) {
                    jQuery("#test_result-item_3").show();
                } else if (18 >= sum) {
                    jQuery("#test_result-item_4").show();
                }

---

if（sum这就是你要找的吗


jQuery（函数（）{
jQuery（“#btn_测试”）。单击（函数（）{
$（this）.parent（）.children（'#test_inner'）。滑动到