在复选框中更改标签颜色的问题

Question

我正在使用HTML和JavaScript进行测验。现在，我正在尝试使用复选框来回答多个答案的问题。当您回答不正确时，您选择的答案应显示为红色，而正确的答案应显示为绿色。我尝试使用以下代码进行此操作：

JavaScript

if ( document.getElementById('doc').checked && 
   document.getElementById('prompt').checked &&
   document.getElementById('get').checked &&
   document.getElementById('alert').checked
) {
   document.getElementById("label33").style.color = 'green';
   document.getElementById("label34").style.color = 'green';
   document.getElementById("label35").style.color = 'green';
   document.getElementById("label36").style.color = 'green';
   pkt+=2;
}

HTML

<fieldset>
    <legend>Pytanie14</legend>
    <p>Jakimi sposobami można wyświetlić tekst? (Uwaga.Może być więcej niż jedna odpowiedź).</p>

    <label for="doc" id="label33"><input type="checkbox" id="doc"/>document.write("tekst");</label>
    <br>
    <label for="prompt" id="label34"><input type="checkbox" id="prompt"/>prompt("tekst");</label>
    <br>
    <label for="get" id="label35"><input type="checkbox" id="get"/>document.getElementById("id").innerHTML="tekst";</label>
    <br>
    <label for="alert" id="label36"><input type="checkbox" id="alert"/>alert("tekst");</label>
    </select>
</fieldset>

使用此代码，当我选中所有复选框时，只有一个（最后一个答案）显示为绿色，而其他则显示为红色。我将不胜感激。