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;

上面的内容位于定义 $i 并调用数据库以构建数组等的循环内。

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

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

4

1 回答 1

0

为了结束这个问题：

这是一个奇怪的问题，似乎 css 属性阻止了正确的元素交互：从无线电元素中删除 float: right 或 display: inline 使它们可以再次点击。

我不确定为什么会这样，但我通过强制 .radio 类具有 display: block; 解决了这个问题。反而。

于 2013-11-13T14:41:09.757 回答