我希望您能帮助我开发一个 javascript 函数来验证是否选择了以下单选按钮组 (IDType) 之一以及检查了哪个值，并在 (ValidationError) 部分查看错误消息，以防未选择单选按钮 ??
<td>
<div>
<span>
<input type="radio" name="IDType" id="IDType" value="IDtype1"/>
ID Type 1
<input type="radio" name="IDType" id="IDType" value="IDtype2"/>
ID Type 2
</span>
<div id="ValidationError" name="ValidationError">
</div>
</div>
</td>
感谢您的帮助......
最佳答案
首先，正如我的同事所说，您的两个单选按钮不能具有相同的 ID(“IDType”)。
这是一个仅使用 javascript 的解决方案，没有任何 jquery。
<html>
<head>
<script type="text/javascript">
function Validate() {
var radios = document.getElementsByName('IDType')
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
alert("Selected Value = " + radios[i].value);
return true; // checked
}
};
// not checked, show error
document.getElementById('ValidationError').innerHTML = 'Error!!!';
return false;
}
</script>
</head>
<body>
<form>
<div>
<span>
<input type="radio" name="IDType" value="IDtype1"/>
ID Type 1
<input type="radio" name="IDType" value="IDtype2"/>
ID Type 2
</span>
<div id="ValidationError" name="ValidationError">
</div>
</div>
<input type="submit" value="Submit" onclick="return Validate();" />
</form>
</body>
</html>
关于Javascript 单选按钮组验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4977084/