Как получить значение label
Есть радиокнопки:
<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; дальше застрял, помогите уважаемые форумчане. |
<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>
|
если нужен текст родителя то .id замени на .parentNode.innerText
|
<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 + '"]');
|
| Часовой пояс GMT +3, время: 11:19. |