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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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