У меня есть несколько групп переключателей, сгенерированных с использованием данных из базы данных. В настоящее время я могу только щелкнуть / успешно выбрать первую из этих групп переключателей, остальные не реагируют.
Код, когда я тестирую его отдельно в jsfiddle, отлично работает, поэтому я не думаю, что это так, но здесь все равно
Сгенерированный / источник HTML:
<div class="radio"> <div> <input type="radio" id="a" value="A" name="Q1" /> <span class="inline">A</span> </div> <div> <input type="radio" id="b" value="B" name="Q1" /> <span class="inline">B</span> </div> <div> <input type="radio" id="c" value="C" name="Q1" /> <span class="inline">C</span> </div> <div> <input type="radio" id="d" value="D" name="Q1" /> <span class="inline">D</span> </div> <div> <input type="radio" id="e" value="E" name="Q1" /> <span class="inline">E</span> </div> </div>
Для чего это стоит PHP, который я использую для построения выше:
$questions .=' <div class="radio"> '; foreach($values_data as $ke=>$va) { $questions.=' <div><input '.$tooltip.' type="radio" id="question_'.$i.'_'.$va['value'].'" value="'.$va['value'].'" name="question_'.$i.'" /> <span class="inline">'.$va['value'].'</span></div> '; } $questions .=' </div> <div class="clear"></div> '; echo $questions;
Где выше находится внутри цикла, который определяет $ i и вызывает базы данных для создания массивов и т. Д.
В моей консоли нет ошибок. Есть идеи, что это может быть? благодаря
ЗДЕСЬ – это часть фактического исходного кода. Также работает в jsfiddle.
Рад закрыть этот вопрос:
Это была странная проблема, когда казалось, что свойства css препятствуют правильному взаимодействию элементов: удаление либо float: right, либо display: inline из радиоэлементов заставил их снова щелкнуть.
Я не уверен, почему это так, но я решил проблему, заставив класс .radio иметь display: block; вместо.