Найти имя переключателя, который отмечен - PullRequest
Новая
       6

Найти имя переключателя, который отмечен

0 голосов
/ 18 марта 2012

На моей странице около 25 групп переключателей.Когда радиокнопка выбрана в группе, я хочу выполнить действие , специфичное для этой группы , и поэтому мне требуется атрибут NAME радиогруппы.

Ответы [ 2 ]

6 голосов
/ 18 марта 2012

Возьмем, к примеру, этот HTML-код: 

<div id="stackExchange">
  <input type="radio" name="sofu_group" value="Stack Overflow">
  <input type="radio" name="sofu_group" value="Meta Stack Overflow">
  <input type="radio" name="sofu_group" value="Server Fault">
  <input type="radio" name="sofu_group" value="Super User">
</div>
<!-- In no particular order - don't want to start a flame war ;) -->

Если вы хотите определить, к какой группе принадлежит переключаемая вами радио-кнопка, вы можете использовать что-то вроде этого:здесь происходит:

  • $("#stackExchange input:radio") - этот селектор найдет все входные радиоэлементы, которые являются потомками элемента #stackExchange, с помощью селектора :radio.( Ссылка на документы ).
  • $(this).attr('name') - здесь мы извлекаем атрибут name выбранного радиоэлемента.(В нашем примере - это sofu_group).
  • $(this).parent() - В этом случае переменная $(this) относится к радиоэлементу, который был нажат - поэтому мы выбираем его родительский элемент - #stackExchangeelement.
  • parent().find(":radio[name='"+groupName+"']") - эта строка найдет все переключатели, удерживаемые внутри элемента, для атрибута имени которого установлено значение «sofu_group».

Впример - переменная $ (this) ссылается на радиоэлемент, по которому щелкнули.

0 голосов
/ 18 марта 2012

Это может дать вам некоторую подсказку 

<html>
<head>
<title>My Page</title>
</head>
<body>
<form name="myform" action="http://www.mydomain.com/myformhandler.cgi" method="POST">
<div align="center"><br>
<input type="radio" name="group1" value="Milk"> Milk<br>
<input type="radio" name="group1" value="Butter" checked> Butter<br>
<input type="radio" name="group1" value="Cheese"> Cheese
<hr>
<input type="radio" name="group2" value="Water"> Water<br>
<input type="radio" name="group2" value="Beer"> Beer<br>
<input type="radio" name="group2" value="Wine" checked> Wine<br>
</div>
</form>
</body>
</html>

вызов document.getElementsByName("group1").items(0).<propertyname>or<function>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...