Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2012, 15:03
Новичок на форуме
Отправить личное сообщение для kosinus2012 Посмотреть профиль Найти все сообщения от kosinus2012
 
Регистрация: 28.09.2012
Сообщений: 3

Передача значения в поле INPUT
Добрый день!
Допустим есть документ со структурой:
Код:
<label> <input type="radio" value="young" onClick="insert(0);"/>младше 18 </label> <label> <input type="radio" value="mature" onClick="insert(1);"/> старше 50 </label> <input type="text" name="val1" value=""/>

Подскажите пож-та как лучше сделать так, чтобы при нажатии на определенную кнопку radio, содержимое label выводилось в атрибуте <input type="text" name="val1" value=""/>

Реализовал вот так вот, но громоздко:
<script>
  function insert(obj){
         document.getElementsByName('val1')[0].value = document.getElementsByTagName('label')[obj].lastChild.nodeValue;
}
</script>

Может есть проще и красивее решение (без всяких innerHTML и проходом replace) ?
Ответить с цитированием
  #2 (permalink)  
Старый 28.09.2012, 15:52
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 17.12.2011
Сообщений: 4,415

<!DOCTYPE HTML>
<html>
  <head> </head>
  <body>
    
 <form id='fm'>   
<label>
<input type="radio" value="young" />младше 18
</label>
<label>
<input type="radio" value="mature" /> старше 50
</label>
   
<input id='inp' type="text" name="val1" value=""/>
    </form>    
    
    <script>

    !function () {
      
        var form =  document.getElementById('fm');
        var inpVal = document.getElementById('inp');
      
       form.onclick = OnFormClick;
      
      
      function OnFormClick (e) {
      
       var target = e.target || event.scrElement;
         
       
        if(target.type != 'radio') return;
        
        
         inpVal.value = target.value;
      }
           
      }();
    </script>

  </body>
</html>
__________________
Цитата:
Если ограничения и условия описываются как "коробка", то хитрость в том что бы найти именно коробку... Не думайте о чем то глобальном - найдите коробку.
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2012, 16:04
Новичок на форуме
Отправить личное сообщение для kosinus2012 Посмотреть профиль Найти все сообщения от kosinus2012
 
Регистрация: 28.09.2012
Сообщений: 3

<script>

    !function () {
      
        var form =  document.getElementById('fm');
        var inpVal = document.getElementById('inp');
      
       form.onclick = OnFormClick;
      
      
      function OnFormClick (e) {
      
       var target = e.target || event.scrElement;
         
       
        if(target.type != 'radio') return;
        
       inpVal.value = target.value;
      }
           
      }();
    </script>


Я имел ввиду "содержимое label выводилось", т.е. младше 18, и старше 50, заполняли <input>

Спасибо!!!! докручу, смысл понял)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
изменение значения input при смене значения select galart jQuery 4 30.01.2015 19:39
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Opera не выполняет style.fontSize=... в поле input Маэстро Opera, Safari и др. 6 20.06.2011 12:03
передача значения SRC в текстовое поле <INPUT> dimi007 jQuery 2 10.05.2011 11:00
Сбор данных в переменную и передача в неактивное поле input winchester7 Элементы интерфейса 10 19.02.2011 17:07