如果单击按钮，则删除 js 中的错误消息答案

【问题标题】：Remove error message in js if onclick the button如果单击按钮，则删除 js 中的错误消息
【发布时间】：2016-10-13 17:48:58
【问题描述】：

如果单击单选按钮，我如何删除错误消息，我有两个分组的性别男性和女性按钮，如果用户没有选择性别意味着我将显示错误，如果选择任何一个男性或女性按钮意味着它将删除错误消息，我的代码如下

<input type="radio" value="male" name="gender" id="gender">Male <input type="radio" value="female" name="gender" id="gender">Female <div id="gender_error"></div>

js验证码

var form_elements = document.getElementById('my_form').elements;
var gender = form_elements['gender'].value;
submit = true;
if(gender == '')
    {
        document.getElementById('gender_error').innerHTML = "Select Gender";
        submit = false;
    }
    return submit;
document.getElementById('gender').onclick = removewarning;
function removewarning()
{
    document.getElementById(this.id +'_error').innerHTML = "";
}

如果用户没有选择性别意味着它会显示错误消息选择性别，但我的问题是如果用户选择男性按钮，那么只有错误消息被删除，它不适用于女性按钮，请任何人帮助

【问题讨论】：

您不能使用 id 两次。尝试使用不同的 ID。例如： var gender1 = form_elements['gender-1'].value; var gender2 = form_elements['gender-2'].value;

标签： javascript codeigniter

【解决方案1】：

更改以下代码：

document.getElementById('gender').onclick = removewarning;

到

document.getElementsByClassName('gender-button').onclick = removewarning;

并将按钮的类名更改为gender-button或您喜欢的名称。

然后我不知道哪个元素的 id 为 gender_error，但您似乎正在将错误消息写入该节点，以便您可以替换

document.getElementById(this.id +'_error').innerHTML = "";

与

document.getElementById('gender_error').innerHTML = "";

【讨论】：