如果选择了相同的单选按钮值，则发出警报

Question

我有两组单选按钮。 如果两个选定的单选按钮具有相同的值，我想显示一个警报。

我尝试使用 javascript if else 语句

if (radioval1 == radioval2) {
    alert('SELECT DIFFERENT');
    return false;
}
else {
    alert('PROCEED');
    return false;
}

Answer 1

尝试使用此代码：

 function radiocheck(){ var radioval1 = document.querySelector('input[name="radio1"]:checked').value; var radioval2 = document.querySelector('input[name="radio2"]:checked').value; if(radioval1 == radioval2) { alert('SELECT DIFFERENT'); return false; } else { alert('PROCEED'); return false; } }

 <input type="radio" name="radio1" value="x" onchange="radiocheck()" checked /> x1 <input type="radio" name="radio1" value="y" onchange="radiocheck()" /> y1 <br /> <input type="radio" name="radio2" value="x" onchange="radiocheck()" checked /> x2 <input type="radio" name="radio2" value="y" onchange="radiocheck()" /> y2

Answer 2

通常在 html 中设置单选按钮时。 您一次只能访问一个 select，除非您没有正确设置名称属性。 一组无线电将共享相同的名称。

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other