Question

我使用数据库中的数据生成了几组单选按钮。目前我只能点击/成功选择这些组中的第一个单选按钮，其他组没有响应。

我在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的循环内，并调用数据库来构建数组等。

我的控制台没有错误。任何想法可能是什么？感谢

HERE是生成的实际源代码的一部分。也在jsfiddle工作。

Answer 1

为了结束这个问题：

这是一个奇怪的问题，看起来似乎css属性阻止了正确的元素交互：删除float：right，或者显示：来自无线电元素的内联使它们再次点击。

我不知道为什么会这样，但我通过强制.radio类来显示：block;代替。

组中只有一个（第一个）单选按钮是可选/活动的

1 个答案: