У меня есть несколько групп переключателей, сгенерированных с использованием данных из базы данных. В настоящее время я могу только щелкнуть/успешно выбрать первую из этих групп переключателей, остальные не реагируют.
Код, когда я тестирую его отдельно в 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;
Где выше находится внутри цикла, который определяет $ я и вызывает базы данных для создания массивов и т.д.
В моей консоли нет ошибок. Есть идеи, что это может быть? благодаря
ЗДЕСЬ - это часть фактического исходного кода. Также работает в jsfiddle.
Рад закрыть этот вопрос:
Это была странная проблема, когда казалось, что свойства css препятствуют правильному взаимодействию элементов: удаление либо float: right, либо display: inline из радиоэлементов заставил их снова щелкнуть.
Я не уверен, почему это так, но я решил проблему, заставив класс.radio иметь display: block; вместо.