WEB开发——如何让数据库中的多选题答案在页面上显示为红色

[wpshellfish]

在页面上通过循环读出所有选项，也能读出正确答案，怎么在页面上将正确答案显示为红色（多选题），单选题已经实现，求正解。

[晨晨]

判断答案checkbox的状态,如果是选中的,就是红色,没有选中的就没有颜色.

[泡泡鱼_]

1：DOM结构如下：

<div id="test">
    <input type="checkbox" value="1"/><label>1</label>
    <input type="checkbox" value="2"/><label>2</label>
    <input type="checkbox" value="3"/><label>3</label>
</div>

2：js如下

function fun(){
        var _parent     =   document.getElementById("test");
        var _checkbox   =   _parent.getElementsByTagName("input");
        var _label      =   _parent.getElementsByTagName("label");
        for(i=0;i<_checkbox.length;i++)
        {
            if(_checkbox[i].checked && (_checkbox[i].value=="1" || _checkbox[i].value=="2"))
            {
                //我这里是做示例，因此是指定了值为1或2的，把这个改成正确答案的判断就行了
                _label[i].style.color='red';
            }else{_label[i].style.color=''}
        }
}

说明：就是将每个checkbox与一个label进行关联，因为checkbox与label的总数是等值的，因此你在遍历checkbox进行答案验证时，就可以通过相同的序号去设置对应的label的样式了

我给你的那些选项外加了个id=test的div是为了能够精确定位而加的，省得你要是页面里还有其他的checkbox，你遍历的时候还得判断type=checked

[泡泡鱼_]

汗~~打错了字

我给你的那些选项外加了个id=test的div是为了能够精确定位而加的，省得你要是页面里还有其他的input，你遍历的时候还得判断type=checkbox

[hch126163]

checkbox 后面跟 span,span 中放答案文字，设置span背景颜色就可以