【问题标题】:Only one (the first) radio button in a group is selectable / active组中只有一个(第一个)单选按钮是可选择/活动的
【发布时间】:2013-11-24 21:24:12
【问题描述】:

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

当我在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 中工作。

【问题讨论】:

  • var_dump() $values_data 并查看变量的值是否符合您的期望。
  • “其他人没有反应。” 哪个“其他人”?
  • 你能发布“生成”的 HTML 吗?
  • @Fred-ii- 嗯,有5个单选按钮,我只能点第一个,其他四个没有反应
  • @Foobar 添加了对实际代码的编辑。它可以在 jsfiddle 中工作:/

标签: php html radio


【解决方案1】:

为了结束这个问题:

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

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

【讨论】:

    猜你喜欢
    • 2016-12-12
    • 1970-01-01
    • 2023-04-10
    • 2012-04-23
    • 1970-01-01
    • 2011-08-13
    • 1970-01-01
    • 2017-06-28
    • 1970-01-01
    相关资源
    最近更新 更多