如何通过警报框确认单选按钮选择

Question

So i have this code: 所以我有这段代码：

<html>
<head>
<title>Form</title>
<script type="text/javascript">
function showConfirmationDialog() {
    var textbox = document.getElementById('textbox');
    var location = document.getElementById('location');
    alert('You chosen:'+'\n'+'\n'+'Name: '+textbox.value +'\n'+'Address: ' +location.value+'\n');
}

function formfocus()  {
    document.getElementById('textbox').focus();
}
window.onload = formfocus;
var option; 
</script>   
</head>
<body>

Your name: 
<input type="text" name="FirstName" id="textbox" <br><br/> 

Your Address:
<input type="text" name="address" id="location" <br></br><br></br>

Choose your location:

<form name="Radio" id="destination" action="">

Bristol: 

<input type="radio" name="selection" value="bristol" onClick="option=0">

&nbsp;&nbsp;&nbsp; London: 

<input type="radio"  name="selection" value="london" onClick="option=1">

&nbsp;&nbsp;&nbsp; Birmingham:

<input type="radio"  name="selection" value="birmingham" onClick="option=2" />

</form>

<br></br> Click:
<input type="button" value="Submit" onclick="showConfirmationDialog();" /><br></br>

</body>
</html>

... This code basically represents a form for a user to fill in and at the end select one of three option provided via the radio buttons. ...该代码基本上代表用户填写的表单，最后选择通过单选按钮提供的三个选项之一。 What I wanted to find out was that how do I get the selection from one radio button which the user will need to select, displayed within the alert box after they press submit. 我想发现的是，如何从用户需要选择的一个单选按钮中获得选择，该单选按钮在用户按下Submit后显示在警报框中。

Answer 1

Something like this... 像这样

function getSelRadioValue()    

    for(i = 0; i< document.forms['Radio'].elements['selection'].length ; i++){
            if(document.forms['Radio'].elements['selection'][i].checked == true)
                  return document.forms['Radio'].elements['selection'][i].value;
        }
   return null;
}




 var selectedRadioValue = getSelRadioValue();  //use this variable in your alert.

   if(selectedRadioValue == null)
      alert("please select a destination");
   else if(confirm("You have selected " + selectedRadioValue))
     //deal with success

Answer 2

You need to loop through the selection radios to get the checked value: 您需要遍历选择单选框以获取检查值：

var selection = document.Radio.selection;
var selectionResult = "";
for(var i = 0; i < selection.length; i++) {
    if(selection[i].checked) {
        selectionResult = selection[i].value;
    }
}
alert('You chosen:'+'\n'+'\n'+'Name: '+textbox.value +'\n'+'Address: ' +location.value+'\n' + 'Location: '+selectionResult);

如何通过警报框确认单选按钮选择

问题描述

2 个解决方案

解决方案1
1 2011-11-09 21:11:48

解决方案2
0 已采纳 2011-11-09 21:14:33

如何通过警报框确认单选按钮选择

问题描述

2 个解决方案

解决方案1 1 2011-11-09 21:11:48

解决方案2 0 已采纳 2011-11-09 21:14:33

解决方案1
1 2011-11-09 21:11:48

解决方案2
0 已采纳 2011-11-09 21:14:33