JS проблема с radio кнопками

Kros · 03.08.2013, 01:19

Здравствуйте. Проблема с radio кнопками. Никак не получается вывести информацию из кнопок в текстовое поле. Уже чего только не пробовал...

Цель: Есть две radio кнопки, надо вывести информацию из выбранной кнопки в текстовое поле.

Тут в визуальном редакторе http://jsfiddle.net/gbJNf/

Код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Выбор пола</title>
</head>
<body>

<script type="text/javascript">
<!--
wait_visibility('pol', 0);function create(form) {
form.story.value="";
console.log(form.pol[men]);
if (form.1.value != "") {
form.story.value +="Мужчина" +
form.1.value + "\n";
}
console.log(form.pol[woomen]);
if (form.2.value != "") {
form.story.value +="Женщина" +
form.2.value + "";
}}
//-->
</script>

<form action="">
<table border="0" cellpadding="7" cellspacing="0">
<tr>
<td class="left"><b>Выберите ваш пол</b></td>
<br />
<br />
Мужчина<input type="radio" value="1" name="pol" id="men" checked="checked" />
Женщина<input type="radio" value="2" name="pol" id="woomen" />
</tr>
<tr>
<td colspan="2"><input type="button" value="Отправить" onclick="create(this.form)" class="buttonformal">
<br />
<textarea name="story" rows="5" cols="20"></textarea></td>
</tr>
</table>
</form>
</body>
</html>

Horus · 03.08.2013, 15:42

Код:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
    <title>
      Выбор пола
    </title>
    
  </head>
  <body>
    
    <script type="text/javascript"> 
      
      //wait_visibility('pol', 0);
      function create(form) {
        form.story.value="";
        
        if (form.pol['men'].checked) {
          form.story.value +="Мужчина"+ "\n";
        }
        if (form.pol['woomen'].checked) {
          form.story.value +="Женщина"+"\n";
        }
      }
    </script>
    
    <form action="">
      <table border="0" cellpadding="7" cellspacing="0">
        <tr>
          <td class="left">
            <b>
              Выберите ваш пол
            </b>
          </td>
          <br />
          <br />
          Мужчина
          <input type="radio" value="1" name="pol" id="men" checked="checked" />
          Женщина
          <input type="radio" value="2" name="pol" id="woomen" />
        </tr>
        
        <tr>
          <td colspan="2">
            <input type="button" value="Отправить" onclick="create(this.form)" class="buttonformal">
            <br />
            <textarea name="story" rows="5" cols="20">
            </textarea>
          </td>
        </tr>
      </table>
      
    </form>
  </body>
</html>

sheff-09 · 03.08.2013, 15:53

Kros, можно так:

Код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Выбор пола</title>
</head>
<body>

<script type="text/javascript">

var radioText = {1: 'Мужчина', 2: 'Женщина'} 
	function enterText(_el) { 
	    var inputList = _el.parentNode.getElementsByTagName('input'); 
	    for (var i=0; i<inputList.length; i++) { 
	        if (inputList[i].checked) { 
	            _el.parentNode.getElementsByTagName('textarea')[0].value = radioText[inputList[i].value]; 
	        } 
	    } 
	}
</script>
	<form name="form"> 
	<input type="radio" value="1" name="radioBut"> 
	<input type="radio" value="2" name="radioBut"> 
	<input type="button" value="Отправить" onclick="enterText(this);"> 
	<textarea value=""></textarea> 
	</form>
</body>
</html>

А можно и просто без кнопки:

Код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Выбор пола</title>
</head>
<body>
<td class="left"><b>Выберите ваш пол</b></td>
<table border="0" cellpadding="7" cellspacing="0">
<tr>
<br />
<br />
<form name="myForm">
<input type="radio" name="radioBut" onclick="document.myForm.myTextarea.value = 'Мужчина';">
<input type="radio" name="radioBut" onclick="document.myForm.myTextarea.value = 'Женщина';">
<textarea name="myTextarea"></textarea>
</tr>
<br />
</td>
</tr>
</table>
</form>
</body>
</html>

Kros · 04.08.2013, 03:18

Всем спасибо. Все отлично работает)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
проблема с горячими кнопками	mamedBBOY	Драйвера	0	04.12.2011 19:11
Проблема с кнопками мыши	Kirilltravykyril	Windows 7	2	24.02.2011 11:48
Проблема с кнопками мыши	woils	Windows XP	2	30.01.2010 20:58
проблеммы с сенсорными кнопками в лептопе	superduck	Железо	12	23.02.2009 03:11
Обмен кнопками 88х31	cenning	Реклама, объявления	0	06.12.2007 13:13

04.08.2013, 03:18	#4 (ссылка)
Kros Новичок Регистрация: 22.04.2010 Сообщений: 95 Репутация: 0	Всем спасибо. Все отлично работает)

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)

Ads