Показать сообщение отдельно
  #1 (permalink)  
Старый 03.02.2016, 08:15
Новичок на форуме
Отправить личное сообщение для insulin Посмотреть профиль Найти все сообщения от insulin
 
Регистрация: 02.12.2015
Сообщений: 1

Поиск: getElement для новичка
<table id="age-table">
  <tr>    <td>Ваш возраст:</td>    <td>
      <label>
        <input type="radio" name="age" value="young" checked> младше 18
      </label>
      <label>
        <input type="radio" name="age" value="mature"> от 18 до 50
      </label>
      <label>
        <input type="radio" name="age" value="senior"> старше 60
      </label>
    </td>  </tr>  </table>
<script>
  var elements = document.getElementsByTagName('input');
  for (var i = 0; i < elements.length; i++) {
    var input = elements[i];
    alert( input.value + ': ' + input.checked );
  }
// пример [url]https://learn.javascript.ru/searching-elements-dom[/url]
</script>
  
<script>
var b = document.getElementsByTagName('input');
  for (var i = 0; i < b.length; i++) {
        var tmp = b[i];
    if (tmp.name == "age") {
alert ("i = " + i + " tmp.value = " + tmp.value);
//	if (tmp.addEventListener) { //зачем это условие?
	tmp.addEventListener('click', function() { alert("i = " + i + tmp.value + ' selected: ' + tmp.checked ) }, false);
//	}
    }
}
// пример [url]http://javascript.ru/tutorial/events/comparison[/url]
</script>


1. почему в результате клика на любой инпут i=3, a value = senior?
2. как сделать чтоб выводился текущий input, кликнутый?

Последний раз редактировалось insulin, 04.02.2016 в 03:37.
Ответить с цитированием