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 を定義し、データベースを呼び出して配列などを構築するループ内にある場所。

コンソールにエラーはありません。これが何であるかについてのアイデアはありますか？ありがとう

HEREは、実際に生成されたソース コードの一部です。jsfiddle でも作業しています。

4

1 に答える 1

0

この質問を締めくくるために：

これは、css プロパティが適切な要素の相互作用を妨げているように見えるという奇妙な問題でした: radio 要素から float: right または display: inline のいずれかを削除すると、再びクリックできるようになりました。

これがなぜなのかはわかりませんが、.radio クラスに強制的に display: block; を持たせることで問題を解決しました。代わりは。

于 2013-11-13T14:41:09.757 に答える