CSS-Label auf input for = „“ Fehler

Question

ich habe:

<label class="checkbox-container" for="terms">I agree 
        with the Terms and Conditions</label> 
<input class="checkbox required" id="terms" name="terms" type="checkbox"> 

Ich mag das Etikett des :: bevor Farbe auf Rot zu ändern, wenn die Fehlerklasse bei der Eingabe aufgerufen wird. Für Live-Vorschau Kasse: http://apespark.com/formifyPro/examples/register.html

Ich habe keine Ahnung, wie dies in CSS angeben und dieses spezielle Fall-Szenario entwerfen.

Answer 1

Ist das was du meinst? - JSFiddle

Sie ein wenig Javascript verwenden, um den Stil des Etiketts auf rot zu wechseln, wenn das Kontrollkästchen nicht aktiviert ist, was ich denke, ist das, was Sie wollen, wie folgt:

html:

<label class="checkbox-container" for="terms" id="termText">I agree 
        with the Terms and Conditions</label> 
<input class="checkbox required" id="terms" name="terms" type="checkbox"> 
<button id="click1"> 
Submit 
</button> 

javascript:

document.getElementById("click1").onclick = function checkTerms(){ 
if((document.getElementById("terms")).checked){ 

} else{ 
document.getElementById("termText").style.color = "red"; 
} 
}