JQuery: получить значение переключателя

У меня есть следующий HTML:

HTML:

<input type="radio" name="abc" value="0" selected="selected" style="display:none" />
<input type="radio" name="abc" value="1" />1+
<input type="radio" name="abc" value="2" />2+
<input type="radio" name="abc" value="3" />3+

JQuery, чтобы получить выбранный переключатель

$('input:radio[name=abc]:checked').val();

Почему код выше не работает при загрузке страницы, ПЕРЕД ПОЛЬЗОВАНИЕМ пользователя? Это странно, потому что вышеприведенный код работает ПОСЛЕ того, как пользователь выбрал радиокнопку.

Мне кажется, что я установил значение переключателя по умолчанию 0, но если вы

Значение, если выбрано значение переключателя, вернуть выбранное значение - в противном случае - вернуть 0 (если значение не выбрано)

Ответ 1

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

<input type="radio" checked="checked">

или просто:

<input type="radio" checked>

Ответ 2

Сначала исправьте атрибут для проверки и удаления выбранного атрибута, который является неправильным, а затем используйте следующий код. t выберет выбранное значение радиобарабана при нажатии кнопки. ex для списка

   $("#btn").click(function() {
        $('input[type="radio"]:checked').val();
        });

Ответ 3

Радио имеет атрибут checked, а не selected

<input type="radio" name="abc" value="0" checked="checked" style="display:none" />
<input type="radio" name="abc" value="1" />1+
<input type="radio" name="abc" value="2" />2+
<input type="radio" name="abc" value="3" />3+