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

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

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

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

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

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

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

Аноним

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

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

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

Нет ответов

Вы не можете отвечать на вопросы. Чтобы ответить на вопрос, пожалуйста залогиньтесь или зарегистрируйтесь
Работа в Украине
Вакансии от WORK.ua
Программист-инженер 1С
Черкассы, Торговый Дом Поляков, ЧП
Backend Magento Developer
Днепр, SaM Solutions
PHP developer
Луцк, Smile
QA Coordinator (IRC55932)
Львов, GlobalLogic Ukraine
Администратор тестового центра
Киев, Смарт бизнес, ООО
Customer support representative, 7000 грн.
Запорожье, A1 Logistics
Менеджер интернет-аптеки
Харьков, Аптека 2011, ЧП
Интернет-маркетолог
Одесса, Копейка, торговый дом