Радио-кнопка отмечена, но визуально не показывает выбор

23 февр. 2017 г., 03:17:35
Просмотры: 58.9K
Голосов: 2

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

Исходный код HTML радио-кнопки с атрибутом checked
Как видно на скриншоте ВЫШЕ (который сделан через view-source:), правильный выбранный input уже имеет атрибут CHECKED, однако даже при его наличии, вы можете увидеть на скриншоте НИЖЕ, что визуально он не отображается как выбранный.

Визуальное отображение радио-кнопки без выбора


Кнопка уже отмечена, но визуально это не отображается, я не знаю почему

3
Комментарии

Можете проверить CSS для радио-кнопки?

Tamil Selvan C Tamil Selvan C
23 февр. 2017 г. 03:48:58

Я тоже проверяю CSS радио-кнопки, я попытался выбрать один вариант из радио-кнопок, и значок выбранного состояния появился. Но при загрузке страницы значок выбранного состояния не отображается на радио-инпуте.

Archangel17 Archangel17
23 февр. 2017 г. 04:57:44
Все ответы на вопрос 4
0

В админке WordPress необходимо использовать checked="checked" (более строгий XHTML), иначе CSS не будет применён:

<input type="radio" name="colors" id="blue" checked="checked">

Вот CSS, который применяет синюю точку:

CSS стиль для отмеченной радиокнопки

WordPress уже предоставляет функцию для этого checked()

<input type="radio" name="colors" id="blue" <?php checked( 'red', get_option( 'color' ) ); ?> />

так что вам не нужно делать If и echo.

23 февр. 2017 г. 07:23:09
0

Попробуйте также использовать checked="checked", иногда возникают проблемы с просто checked, так что стоит попробовать.

checked

Замените на

checked="checked"
23 февр. 2017 г. 07:16:00
0

Большое спасибо всем за ваше время! Я очень ценю это!

Я наконец-то обнаружил причину появления этой проблемы — я забыл удалить старые наборы радиокнопок с таким же ID, которые находились в другом метабоксе.

Теперь я всё исправил! Спасибо!

25 февр. 2017 г. 07:24:50
1

Проверьте, есть ли у вас другая группа radio-кнопок с таким же именем — это может быть проблемой. Просто переименуйте другие группы radio-кнопок, используя разные имена, и это должно решить проблему.

В вашем случае name='seasons' не должен использоваться для другой группы radio-кнопок.

Спасибо,

5 окт. 2018 г. 09:58:13
Комментарии

Спасибо.. Все верно. Не понимаю, почему это понижение рейтинга

Sachin Sanchaniya Sachin Sanchaniya
10 июн. 2020 г. 09:25:08