Выберите радиогруппу по имени одного ребенка

Question

Как выбрать целую группу радиостанций, если я знаю только одно из названий ее входов?

IE:

<input type="radio" class="expand-trigger" name="r01" />
<input type="radio" name="r01" />

Если я нажму на .expand-trigger, "change"событие происходит, и, скажем, что-то расширяется.Но если я нажимаю на другой вход в той же группе, событие изменения не запускается для .expand-trigger, поэтому я не могу свернуть развернутый элемент.

Итак, я хочу прикрепить событие change ко всем входам, которые находятся в той же группе, что и .expand-trigger, но не могу понять, как и я даже не уверен, что это будет работать.

Rememeber - атрибут имени радио изменяется, и я не могу его контролировать, я могу добавить класс только к одному из его дочерних элементов.

Очень плохо, что ни одно событие не сработает, если элементфлажок будет проверен, потому что проверен другой элемент ...

Спасибо :))

Answer 1

Ну, вы можете получить имя:

var name = $('.expand-trigger').attr('name');

, а затем выбрать другие:

$('input[name="' + name + '"]').change(...

Answer 2

Если вы поместите переключатели внутри контейнера, вы можете использовать братьев и сестер ():

<div>
    <input type="radio" class="expand-trigger" name="r01" />
    <input type="radio" name="r01" />
</div>

var $RadioButton  = $(".expand-trigger").css('background-color', 'red');
$RadioButton.siblings().css('background-color', 'red');