ラジオボタンの検証と私はラジオボタンを検証する機能を持っている時に未チェック

Question

の強調表示：

$scope.validateForm = function() { 
    var radios = document.getElementsByName("variant"); 
    var formValid = false; 

    var i = 0; 
    while (!formValid && i < radios.length) { 
     if (radios[ i ].checked) formValid = true; 
     i++; 
    } 

    if (!formValid) 
     document.getElementById('variantA').style.color="red"; 
     document.getElementById('variantB').style.color="red"; 
     document.getElementById('variantD').style.color="red"; 

    return formValid; 
} 

この関数は、赤に未チェックのラジオスパンの色を変更します。 ラジオの1つがチェックされているとき、スパンの色を元に戻したいと思います。

Answer 1

nullに設定すると、色の設定を解除できます。

$scope.validateForm = function() { 
    var radios = document.getElementsByName("variant"); 
    var formValid = false; 

    var i = 0; 
    while (!formValid && i < radios.length) { 
    if (radios[ i ].checked) formValid = true; 
     i++; 
    } 

    document.getElementById('variantA').style.color = formValid ? null : "red"; 
    document.getElementById('variantB').style.color = formValid ? null : "red"; 
    document.getElementById('variantD').style.color = formValid ? null : "red"; 

    return formValid; 
}