我想检查一些单选按钮以允许用户单击链接(否则它应该提出警报)。
这是代码
<html>
<head>
</head>
<body>
<a href="http://www.aerosoft.de" id="a_next">aerosoft.de</a>
<li class="radiobutton"><span class="name">Struct. Temp. Indic.> 38°C -not exceed 55°C</span>
<input name="1" type="radio" value="other" /></li>
<li class="radiobutton"><span class="name">Airplane Documents - check </span>
<input name="2" type="radio" value="other" /></li>
<li class="radiobutton"><span class="name">Flight Control Lock - removed</span>
<input name="3" type="radio" value="other" /></li>
</body>
</html>
用户必须选中所有 3 个单选按钮才能使链接正常工作,否则,如果他只选中 2 个单选按钮,则在单击链接时应该收到警报。
如果有人能帮忙那就太好了:/
问候 费边
最佳答案
处理链接上的点击事件。循环遍历单选按钮,如果未选中任何单选按钮,则显示警报并返回 false 以取消点击的默认操作(即取消导航)。
window.onload = function() {
document.getElementById("a_next").onclick = function(e) {
if (!e) e = window.event;
var els = document.getElementsByTagName("input"),
i;
for (i=0; i < els.length; i++) {
if (!els[i].checked) {
alert("Your message here.");
e.returnValue = false;
return false;
}
}
};
};
关于javascript - 检查是否选中所有单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11771786/