Как подтвердить выбор переключателя с помощью окна предупреждения

#javascript #html #alert

#javascript #HTML #предупреждение

Вопрос:

Итак, у меня есть этот код:

 <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">

amp;nbsp;amp;nbsp;amp;nbsp; London: 

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

amp;nbsp;amp;nbsp;amp;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>

… Этот код в основном представляет собой форму, которую пользователь должен заполнить и в конце выбрать один из трех вариантов, предоставляемых с помощью переключателей. Что я хотел выяснить, так это то, как мне получить выбор из одного переключателя, который пользователю нужно будет выбрать, отображаемый в окне предупреждения после нажатия кнопки отправки.

1. пожалуйста, уточните, чего вы хотите достичь

2. @Zoltan, он хочет, чтобы пользователь подтвердил свой выбор при отправке.

3. @Spartan, убедитесь, что вы добавили DOCTYPE. Похоже, вы, вероятно, используете HTML 4.01

Ответ №1:

Что-то вроде этого…

 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

1. Он, вероятно, захотел бы использовать confirm() вместо alert() .

2. конечно… Я просто отвечал на его вопрос о том, как получить значение … если он ищет подтверждение, то вы абсолютно правы, он должен использовать confirm . Я отредактировал свой ответ с этим небольшим улучшением, спасибо за примечание. 🙂

Ответ №2:

Вам нужно перебрать переключатели выбора, чтобы получить проверенное значение:

 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);