选择单选按钮时，弹出框应显示单选按钮的文本
Posted
技术标签:
【中文标题】选择单选按钮时，弹出框应显示单选按钮的文本【英文标题】：when radio button is selected, a popup box should display the text of the radio button 【发布时间】：2012-10-01 14:57:06 【问题描述】：我有 3 个单选按钮：红色、蓝色和绿色 当我选择三个单选按钮之一时，应该会出现一个弹出框（警报），并且应该显示所选单选按钮的文本（例如：蓝色）。谁能提供它的javascript代码。 谢谢你
很抱歉，这是我对 javascript 代码的尝试：
function radioEvent (radio)
var dom = document.getElementById("myForm");
for (var index = 0; index < dom.radioButton.length;index++)
if (dom.radioButton[index].checked)
radio = dom.radioButton[index].value;
<td rowspan = "2" >
<input type="radio" name= "radioButton" value= "radio1"> Excellent<br>
<input type="radio" name="radioButton" value="radio2" > Very Good <br>
<input type="radio" name="radioButton" value="radio3" > Good <br>
<input type="radio" name="radioButton" value="radio4" > Satisfactory
</td>
我的问题是下一步该做什么？我很困惑……
【问题讨论】：
到目前为止你做了什么？如果您有任何问题，请在此处发布，我们会尽力帮助您解决问题。 如果你打算使用这个网站，你应该将错误发布到你的代码中，而不是要求人们为你做事。 至少应该发布一个简洁的 html 版本。 简洁且格式正确！ 【参考方案1】：<script type="text/javascript">
function radioEvent(form)
for (var i = 0; i < form.radioButton.length; i++)
if (form.radioButton[i].checked)
alert("You chose " + form.radioButton[i].value + ".")
</script>
</head>
<body>
<form>
<input type="radio" name= "radioButton" value= "Excellent" onclick="radioEvent(this.form);"/> Excellent<br/>
<input type="radio" name="radioButton" value="Very Good" onclick="radioEvent(this.form);"/> Very Good <br/>
<input type="radio" name="radioButton" value="Good" onclick="radioEvent(this.form);"/> Good <br/>
<input type="radio" name="radioButton" value="Satisfactory" onclick="radioEvent(this.form);"/> Satisfactory
</form>
</body>
</html>
【讨论】：
谢谢上面的代码。下拉框、复选框和文本输入也是一样的过程吗？【参考方案2】：我只是在写 HTML 代码：
<input id="a1" type="radio" name="group1" value="Red" onclick="alert('Red');">red <br>
<input id="a2" type="radio" name="group1" value="Blue" onclick="alert('Blue');" > Blue<br>
<input id="a3" type="radio" name="group1" value="Green" onclick="alert('Green');"> green
如果您需要更多代码，请告诉我。
【讨论】：
谢谢，但我需要使用 javascript 有没有办法使用 javascript 完成上述操作？谢谢以上是关于选择单选按钮时，弹出框应显示单选按钮的文本的主要内容，如果未能解决你的问题，请参考以下文章