Не получается простой пример

DkS · April 10, 2013

В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку:


<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег INPUT, атрибут name</title>
  <script>  
    function dataField(f) {
      alert("Вы ввели: " + f.comment.value);
    }
  </script>
 </head>
 <body>  
  <form action="handler.php">
    <p><b>Введите текст</b></p>
    <p><input type="text" name="comment">
 <input type="button" value="ОК" onclick="dataField(this.form)"></p>
  </form>
 </body>
</html>

Захотел сделать тоже самое не для <input type="text">, а для <input type="radio". Чтобы значение выбранного варианта выводилось всплывающим окном JS. Вроде простенько, но в окне вылазит "undefined", какие только преобразования не делал.


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Тег fieldset, атрибут form</title>
  <script> 
    function dataField(f) {
alert("Вы ввели: " + f.comment.value);
    }
  </script>
</head>
<body>
  <form action="handler.php">
   <p>В каком году произошла Отечественная война 1812 года?</p>
   <p><input type="radio" name="comment" value="1380"> 1380</p>
   <p><input type="radio" name="comment" value="1812" checked> 1812</p>
   <p><input type="radio" name="comment" value="1914"> 1914</p>
   <p><input type="radio" name="comment" value="1941"> 1941</p>
   <p><input type="button" value="ОК" onclick="dataField(this.form)"></p>
  </form>
</body>
</html>

Помогите пожалуйста найти решение без всяких сложных скриптов, чтобы наподобие того, что в самоучителе... А то пока не узнаю, не усну=))

Switch74 · April 11, 2013

у вас получается 4 элемента comment и вам нужно будет их все проверить на наличие checked

через jquery будет попроще

вот скопипастил варианты

На Javascript:

var radios = document.getElementsByTagName('input');
var value;
for (var i = 0; i < radios.length; i++) {
    if (radios[i].type === 'radio' && radios[i].checked && radios[i].name === 'radioName') {
        // 
        value = radios[i].value;      
    }
}

С применением jQuery:

$('input[name="radioName"]:checked').val();

С применением Prototype:

$$('input[type=radio]:checked').val()

Edited April 11, 2013 by Switch74

DkS · April 11, 2013

Спасибо!

С JS получилось:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Всплывающее окно JS с radio</title>
<script>
function dataField(f) {
var radios = document.getElementsByTagName('input');
var value;
for (var i = 0; i < radios.length; i++) {
	 if (radios[i].type === 'radio' && radios[i].checked)
{	 //
			 value = radios[i].value;		 }
}
alert("Вы ввели: " + value);
}
</script>
</head>
<body>
<form action="handler.php">
<p>В каком году произошла Отечественная война 1812 года?</p>
<p><input type="radio" name="comment" value="1380"> 1380</p>
<p><input type="radio" name="comment" value="1812" checked> 1812</p>
<p><input type="radio" name="comment" value="1914"> 1914</p>
<p><input type="radio" name="comment" value="1941"> 1941</p>
<p><input type="button" value="ОК" onclick="dataField(this.form)"></p>
</form>
</body>
</html>

А с jQuery у меня не получается((

Edited April 11, 2013 by DkS

Sign In

Не получается простой пример

Question

DkS

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

DkS

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information