Как создать взаимоисключающие переключатели с разными именами?

У меня есть несколько переключателей, относящихся к одной и той же категории, но я хочу назвать их по-разному и сделать их взаимоисключающими. Как мне это сделать? Основываясь на выбранном значении, я делаю разные действия, и я не могу получить к ним доступ, если они имеют одинаковое имя.

Ответы

Ответ 1

Почему вы не можете получить к ним доступ, если у них есть одно и то же имя? Вы можете добавлять идентификаторы (вы должны), вы можете различать по значению или просто считать их и использовать n-й элемент.

Вы должны дать радиообъектам одно и то же имя, чтобы браузер понял, что они являются исключительными.

Вы можете (но не должны) взломать это и дать каждому объекту другое имя. Затем добавьте обработчик onSelect/onClick для каждого объекта, и когда событие срабатывает, "снимите отметку" с других кнопок. Это грязно и его следует избегать.

Ответ 2

Радио-кнопки требуют, чтобы одно и то же имя было взаимоисключающим. Тем не менее, они могут иметь разные значения атрибута ID, если вы хотите манипулировать ими по отдельности с помощью JavaScript.

Существует множество способов получить выбранное значение с помощью jQuery:

<input type="radio" name="foo" value="1" />
<input type="radio" name="foo" value="2" />


// value of checked input tag of type 'radio'
var selectedValue = $('input[type=radio]:checked').val();

// value of checked input tag having name of 'foo'
var selectedValue = $('input[name=foo]:checked').val();

// value of the first checked radio button, regardless of name
var selectedValue = $('input:checked').val();

Ответ 3

Если вам нужно изменить имя, вы можете получить доступ к DOM и элементам через JavaScript.

<input type="checkbox" name="X" id="myElement" />

<script>   document.getElementById('myElement').name = 'text'; </script>

http://www.w3schools.com/JS/js_ex_dom.asp