【问题标题】:when radio button is selected, a popup box should display the text of the radio button选择单选按钮时,弹出框应显示单选按钮的文本
【发布时间】:2025-12-29 04:55:17
【问题描述】:

我有 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 版本。 简洁且格式正确!

标签: javascript 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 完成上述操作?谢谢