ラジオの表示と非表示を切り替える方法

データベースから複数選択の質問のセットをクエリします。

    <?php foreach($list as $k=>$v){ ?>                       <ul>                    <li><?php echo $v['id'];?>、<?php echo $v['sub'];?></li>                    <li><input type="radio" name="<?php echo $k['id'];?>" value="Y" />是</li>                    <li><input type="radio" name="<?php echo $k['id'];?>" value="N" />否</li>                    <li><input type="radio" name="<?php echo $k['id'];?>" value="?" />？</li>               </ul>                       <?php } ?>

上記のコードは、データベースからクエリされた後にページに表示されるコードです。
UL が 1 つだけ表示されるように実装するにはどうすればよいですか?
ラジオボタンをクリックすると、現在のULを非表示にし、次のULを表示しますか?

ディスカッションへの返信(解決策)

JQueryを使えば簡単に実現できます

各ulにclass="ul_".$kなどの$keyに関連するクラスを与えます

次に、raidoにクリックイベントを与えると、クリックされました。 親クラスで class="ul_"+k を持つ UL を見つけて非表示にし ($(".ul_"+k).hide();)、class="ul_"k+1 を持つ UL を表示します $( " .ul_"k+1).show();

さらに、試験問題の場合は、現時点では dom に質問が 1 つだけあり、それをバックグラウンドに送信することをお勧めします。次のものを送信します

これは JQuery で簡単に実現できます

各 ul に class="ul_".$k などの $key に関連するクラスを与えます

それから、クリックされたときに、raido にクリックイベントを与えます。親クラスに class="ul_"+k を指定して非表示にし ($(".ul_"+k).hide();)、class="ul_"k+1 $(" を指定して ul を表示します。 ul_"k+1).show();

また、試験問題としても使用されます。その場合は、ajax を使用することをお勧めします。 現在、dom には質問が 1 つだけあります。 1 つを選択してバックグラウンドに送信し、次のメッセージを送信します
ajax を使用して記述するには?

JQuery を使えば簡単に実現できます

各 ul に class="ul_".$k などの $key に関連するクラスを与えます

次に、raido にクリック イベントを与え、クリックされたときに、クラス = を見つけますその親クラス ul_"+k の UL を非表示にし ($(".ul_"+k).hide();)、class="ul_"k+1 $(".ul_"k+1) の UL を表示します。 . show();

さらに、試験問題の場合は、DOM に 1 つだけ質問を選択して、次の質問を送信することをお勧めします。 ajaxを使って書くには？

通常の ajax と同様に、現在の質問の番号をバックグラウンドに渡して次の質問を取得し、現在の内容を取得した内容で置き換えます

これは JQuery を使用して簡単に実現できます

各 ul class="ul_".$k などの $key に関連するクラス

次に、raido にクリック イベントを与えます。クリックされたときに、その親クラスで class="ul_"+k の ul を見つけて非表示にします ($( " .ul_"+k).hide();) そして、class="ul_"k+1 $(".ul_"k+1).show(); で UL を表示します

さらに、それを使用することをお勧めします試験問題として Ajax を使用すると、現在 dom には 1 つの問題しかありません。それを選択してバックグラウンドに送信し、次の質問を送信します。 ajax を使用して記述するにはどうすればよいですか?

通常の ajax と同じように、現在の質問の番号をバックグラウンドに渡して次の質問を取得し、現在の内容を取得した内容に置き換えるだけです
ajax を知らなくても

簡単にできますJQuery を使用して

各 ul に class="ul_".$k などの $key に関連するクラスを与えます

次に、raido をクリックしたときに、親に class="ul_"+k が含まれる ul を見つけます。クラスを追加し、Hide ($(".ul_"+k).hide();) と class="ul_"k+1 $(".ul_"k+1).show(); で ul を表示します

また、試験問題については、Ajax を使用することをお勧めします。 現在、DOM には 1 つの質問しかなく、それをバックグラウンドに送信してから、次の質問を送信します。

通常の ajax と同じように、現在の質問の番号をバックグラウンドに渡して次の質問を取得し、現在の内容を取得した内容で置き換えます
私は ajax を理解していません
ごめんなさい、そこから話が逸れてしまいました. 使用する前に 方法を教えてください


さらに、Ajax は現在の Web サイト開発において非常に重要です...そしてそれは非常に簡単で、30 分で学ぶことができます (JQuery の ajax)。まずは情報を検索して閉じて確認してください。何かアイデアや質問がある場合はいつでも連絡できます
。