радио кнопка проверка и освещающее когда бесконтрольно

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; 
} 

Этой функция меняет цвет пролетов непроверенных радиоприемников на красный. Я хотел бы изменить цвет пролетов, когда проверяется одно из радиостанций.

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; 
}