jQuery Выберите радио по значению?

0

У меня есть и управление радио HTML:

<input id="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input id="group" type="radio" value="USA" name="SpecialTerms"></input>

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

  • 5
    $('input[value="Canada"]') должен делать ...
  • 1
    Как @Sergio упоминает ниже, идентификаторы должны быть уникальными. Используйте общий атрибут имени для группировки переключателей.
Теги:

5 ответов

1
Лучший ответ

Вы можете попробовать это, чтобы выбрать радио, которое содержит value=Canada

$('input:radio[value="Canada"]').prop('checked', 1);

DEMO.

Обновление: id должен быть уникальным, изменить id на класс, например class=group, проверить обновленную скрипту.

HTML: (обратите внимание на разные классы с одинаковым значением)

<input class="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="group" type="radio" value="USA" name="SpecialTerms"></input>

<input class="Nogroup" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="Nogroup" type="radio" value="USA" name="SpecialTerms"></input>

JS: (Выберите/проверьте переключатель со value=Canada и есть group классов, первое радио здесь)

$(':radio.group[value="Canada"]').prop('checked', 1);

DEMO.

Обновление. Кроме того, вы можете попробовать это (с разными именами, но с теми же значениями)

HTML:

<input class="group" type="radio" value="Canada" name="SpecialTerms"></input>
<input class="group" type="radio" value="USA" name="SpecialTerms"></input>

<input class="group" type="radio" value="Canada" name="NoSpecialTerms"></input>
<input class="group" type="radio" value="USA" name="NoSpecialTerms"></input>

JS:

$(':radio[name="SpecialTerms"][value="Canada"]').prop('checked', 1);

Или

$(':radio[name="SpecialTerms"]').filter(function(){
    return this.value == 'Canada';
}).prop('checked', 1);

DEMO.

Поделиться
4 
$('input[value=Canada]')

должен это сделать.

Пример jsFiddle

BTW, правильный синтаксис для радиовхода: <input id="group" type="radio" value="Canada" name="SpecialTerms"/> (без закрывающего </input>)

Поделиться
  • 1
    Отсутствуют двойные кавычки $('input[value="Canada"]')
  • 1
    @hitautodestruct, не нужно.
Показать ещё 5 комментариев
1

Все что тебе нужно это:

$('input[value="Canada"]')

См. Здесь для получения дополнительной информации

Поделиться
1

Если на странице есть другие группы радиостанций, вы должны выбрать тот, который вы хотите:

$('#group[value="Canada"])

играть на скрипке

Обновить

Как упоминалось выше, идентификаторы должны быть уникальными. Имея это в виду, вы можете использовать селектор атрибутов mutliple следующим образом:

 $('[name="SpecialTerms"][value="Canada"]')

играть на скрипке

Поделиться
0

Как это:

$('input:radio[value='Canada']').prop('checked', true);
Поделиться
  • 1
    следует использовать prop здесь
  • 0
    Вы должны использовать .prop() для проверенных .
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню