Weird вопрос селектор

Question

у меня есть этот код:

<li>Oui<input name="antecedents" value="1" type="radio" style="margin-right: 10px;" onclick="console.log($('#antecedents').value);"/></li> 
<li>Non<input name="antecedents" value="2" type="radio" style="margin-right: 10px;" checked="checked" onclick="console.log($('#antecedents').value);"></li> 

Когда я нажимаю, я получил «не определено» в консоли, кстати, если я использую this.value в console.log() я имею право результат ....

Если некоторые видят здесь что-то не так с селектором ... иногда свежие глаза лучше.

Спасибо заранее, ребята.

Answer 1

Вот что вы должны сделать:

<li>Oui<input name="antecedents" id="antecedents" value="1" type="radio" style="margin-right: 10px;" onclick="console.log($('#antecedents').val());"/></li> 

$("#selector") - это селектор сопоставляется идентификаторы не называют атрибутами. Чтобы соответствовать имя атрибута, используйте

$("input[name=antecedents]").val(); 

Answer 2

Проблема 1

id selector соответствует элементу, основанный на его id.

Ваш вход не имеет идентификатора, только name.

Вы можете либо указать идентификаторы элементов (помните: идентификатор должен быть уникальным в документе), либо использовать attribute selector.

Задача 2

объекты JQuery не имеют value свойства. У них есть val() method.

value is a property местных объектов DOM. Вы также можете получить собственный объект DOM из объекта jQuery и проверить его значение: $(selector)[0].value.

Задача 3

Если используется селектор атрибута для выбора нескольких элементов, то метод val() возвращает значение элемента первого не проверил элемент.

Вам нужно отфильтровать, чтобы узнать, какой вариант выбран пользователем. Для этого вы можете использовать checked selector.

---

$('[name="antecedents"]:checked').val()