Только одна (первая) радиокнопка в группе выбирается / активна

0

У меня есть несколько групп переключателей, сгенерированных с использованием данных из базы данных. В настоящее время я могу только щелкнуть/успешно выбрать первую из этих групп переключателей, остальные не реагируют.

Код, когда я тестирую его отдельно в 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.

  • 0
    var_dump () $ values_data и посмотрите, соответствуют ли значения переменных вашим ожиданиям.
  • 0
    «другие не отвечают». какие "другие"?
Показать ещё 14 комментариев
Теги:
radio

1 ответ

0
Лучший ответ

Рад закрыть этот вопрос:

Это была странная проблема, когда казалось, что свойства css препятствуют правильному взаимодействию элементов: удаление либо float: right, либо display: inline из радиоэлементов заставил их снова щелкнуть.

Я не уверен, почему это так, но я решил проблему, заставив класс.radio иметь display: block; вместо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню