Не работают label при динамическом добавлении input

Здравствуйте, столкнулся с интересной проблемой.

Не работают элементы label, добавляемые вместе с инпутами динамически (пробовал для инпутов типа radio и checkbox). При этом итоговая разметка аналогична разметке в "статическом" варианте (когда элементы сразу прописаны в HTML), но в статическом варианте всё работает (label кликабельны, и при клике на них выбирается соответствующий инпут).

Проблема наблюдается во всех браузерах.

Пытался не использовать при добавлении элементов innerHTML, работая с методами DOM - не помогло.

При правке через отладчик, допустим, атрибутов name, ничего не изменяется. При этом в "статическом" варианте всё работает даже если поменять через отладчик тип элементов с checkbox на radio, и сменить имена (сделав имя единым, чтобы связать радиопереключатели в группу). Что я делаю не правильно?

P.S. Атрибут for, разумеется, указан в обоих случаях. В JS использовал свойство htmlFor во втором варианте.
no image

Аноним

18 ноября, 03:59
509

Нет комментариев

Добавить комментарий
Вы не можете оставлять комментарии. Чтобы добавить комментарий, залогиньтесь или зарегистрируйтесь
Вы не можете голосовать. Чтобы проголосовать, залогиньтесь или зарегистрируйтесь

Нет ответов

Вы не можете отвечать на вопросы. Чтобы ответить на вопрос, пожалуйста залогиньтесь или зарегистрируйтесь
Работа в Украине
Вакансии от WORK.ua
Менеджер по организации онлайн-образования, 8000 грн.
Харьков, Восточно-Украинская Академия бизнеса
Middle blackbox QA Engineer
Одесса, Tрео
Разработчик BI
Днепр, Море пива
Middle PHP Developer, 35000 грн.
Николаев (Николаевская обл.), Alpha Serve
Вчитель інформатики, 9000 грн.
Киев, Приватна Лінгвістична гімназія (Київ)
Middle SEO Specialist
Киев, Якимовский В.В., ФЛП
Интернет-маркетолог
Киев, Брокард-Украина, ООО
Data Science Leader
Киев, MindHunt