Question

目前我有这个：

function validateRadio(x){
if(document.getElementById(x).checked){
return true;
}else{
return false;
}
}

继承人HTML：

<strong> Smoking Area? </strong>
<br>
Yes <input type="radio" name="hand" id="left" value="Left" onblur="validateRadio(id)"/>
No <input type="radio" name="hand" id="right" value="Right" onblur="validateRadio(id)"/>
<span class="validateError" id="handError" style="display: none;">Please specify whether you would like a table in the smoking area.</span>
<br><br>

但是，如果没有单击单选按钮，我希望它显示为红色，如果是，则希望它显示为绿色并且通过验证，这是否可能？

此外，我希望在单击单选按钮后隐藏警告，目前它仍保留在页面上。任何帮助将不胜感激：）

Answer 1

不太清楚你想要绘画的是什么，但如果你正在谈论单选按钮本身，我认为设计你自己的按钮（具有开启和关闭状态的图像）并使用它们会更好一点。代替。通过这种方式，您将能够维护整个浏览器的一致性，并为您的网站提供更好的/自定义外观。

然而，你在谈论文本部分（“吸烟区”，“是/否”），最简单的方法是给他们的容器一个id，然后做类似的事情：

function validateRadio(x){
    if(document.getElementById(x).checked){
        document.getElementById('your_container').style.color = 'green';
        return true;
    }else{
        document.getElementById('your_container').style.color = 'red';
        return false;
    }
}

表单验证上的彩色单选按钮 - Javascript

1 个答案: