Форум

Alex___OK · #1 (**permalink**) 26.05.2017, 00:56

Есть радиокнопки:

<label for="kiev"><input type="radio" name="city" value="1" id="kiev">Київ</label>

<label for="charkiw"><input type="radio" name="city" value="2" id="charkiw">Харків</label>

<label for="odessa"><input type="radio" name="city" value="3" id="odessa">Одесса</label>

Необходимо в переменную извлечь название города.

начинаю делать так:

var city = document.getElementsByTagName('city').checked;

дальше застрял, помогите уважаемые форумчане.

j0hnik · #2 (**permalink**) 26.05.2017, 01:53

<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
<label for="kiev"><input type="radio" name="city" value="1" id="kiev">Київ</label>

<label for="charkiw"><input type="radio" name="city" value="2" id="charkiw">Харків</label>

<label for="odessa"><input type="radio" name="city" value="3" id="odessa">Одесса</label>					
</body>
<script>
function v(){
var city = document.getElementsByName('city');
 for (i=0; i< city.length; i++) {
     if (city[i].checked) {
	 alert(city[i].id);
	 break;
	 }
     }
}
document.addEventListener("change", v);
</script>
</html>

j0hnik · #3 (**permalink**) 26.05.2017, 02:14

если нужен текст родителя то .id замени на .parentNode.innerText

ruslan_mart · #4 (**permalink**) 26.05.2017, 08:17

<form name="myForm">
   <label for="kiev"><input type="radio" name="city" value="1" id="kiev">Київ</label>

   <label for="charkiw"><input type="radio" name="city" value="2" id="charkiw">Харків</label>

   <label for="odessa"><input type="radio" name="city" value="3" id="odessa">Одесса</label>
</form>

var form = document.forms.myForm;
var city = form.querySelector('[name="city"][value="' + form.elements.city.value + '"]');

Форум

Справочник

Discord чат

Курсы javascript