Heim  >  Artikel  >  Backend-Entwicklung  >  如何实现radio的显示与隐藏

如何实现radio的显示与隐藏

WBOY
WBOYOriginal
2016-06-23 14:16:021629Durchsuche

从数据库中查询出一套单选题,

    <?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?
当点击radio按钮后,隐藏当前UL,显示下一个UL?


回复讨论(解决方案)

用JQuery就可以轻松实现

给每个ul一个跟$key相关的class 比如 class="ul_".$k

然后给raido一个点击事件当点击时找到其父类中class="ul_"+k的ul,将其隐藏($(".ul_"+k).hide();)并将 class="ul_"k+1的ul显示 $(".ul_"k+1).show();

另外是作为考题的话我推荐用ajax,当前dom只有一道题 选一道就传给后台再发下一道过来.

用JQuery就可以轻松实现

给每个ul一个跟$key相关的class 比如 class="ul_".$k

然后给raido一个点击事件当点击时找到其父类中class="ul_"+k的ul,将其隐藏($(".ul_"+k).hide();)并将 class="ul_"k+1的ul显示 $(".ul_"k+1).show();

另外是作为考题的话我推荐用ajax,当前dom只有一道题 选一道就传给后台再发下一道过来.
用ajax要怎么写?


用JQuery就可以轻松实现

给每个ul一个跟$key相关的class 比如 class="ul_".$k

然后给raido一个点击事件当点击时找到其父类中class="ul_"+k的ul,将其隐藏($(".ul_"+k).hide();)并将 class="ul_"k+1的ul显示 $(".ul_"k+1).show();

另外是作为考题的话我推荐用ajax,当前dom只有一道题 选一道就传给后台再发下一道过来.
用ajax要怎么写?

就跟普通的ajax一样,传个当前题的编号去后台取回下一道题即可 然后将取回的内容替换掉当前的内容



用JQuery就可以轻松实现

给每个ul一个跟$key相关的class 比如 class="ul_".$k

然后给raido一个点击事件当点击时找到其父类中class="ul_"+k的ul,将其隐藏($(".ul_"+k).hide();)并将 class="ul_"k+1的ul显示 $(".ul_"k+1).show();

另外是作为考题的话我推荐用ajax,当前dom只有一道题 选一道就传给后台再发下一道过来.
用ajax要怎么写?

就跟普通的ajax一样,传个当前题的编号去后台取回下一道题即可 然后将取回的内容替换掉当前的内容
不懂ajax




用JQuery就可以轻松实现

给每个ul一个跟$key相关的class 比如 class="ul_".$k

然后给raido一个点击事件当点击时找到其父类中class="ul_"+k的ul,将其隐藏($(".ul_"+k).hide();)并将 class="ul_"k+1的ul显示 $(".ul_"k+1).show();

另外是作为考题的话我推荐用ajax,当前dom只有一道题 选一道就传给后台再发下一道过来.
用ajax要怎么写?

就跟普通的ajax一样,传个当前题的编号去后台取回下一道题即可 然后将取回的内容替换掉当前的内容
不懂ajax
抱歉 那是我扯远了. 用之前说的方法就可以了.


另外,ajax在现在的网站开发中很重要.... 而且特别的简单,半个小时就能学会(JQuery的ajax).
如果有需要你可以先去搜一下先关资料看一看 有什么想法或者问题可以随时交流

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:php有哪些主流的框架请大家介绍些。Nächster Artikel:php 数组。