首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > PHP >

如何实现这种效果

2012-06-17 
怎么实现这种效果比如在顶端有一组radio 按钮,横着摆的,下面是一个div 层 层里面有个表单。刚打开这个页面

怎么实现这种效果
比如在顶端有一组radio 按钮,横着摆的,下面是一个div 层 层里面有个表单。
刚打开这个页面时候 没有radio 按钮被选中 然后层里面的表单显示灰色 就是不可以点。
再然后选中任何一个radio 就会显示层里面的不同的表单,同时不刷新页面,就是激活那样。

如何实现?

[解决办法]
changeForm.html

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>check</title></head><body><script>        function changeForm(param){            document.getElementById("ifr").src = param;        }</script><div>    <label><input type="radio" name="check" onclick="changeForm('form1.html')" />form1</label>    <label><input type="radio" name="check" onclick="changeForm('form2.html')" />form2</label>    <label><input type="radio" name="check" onclick="changeForm('form3.html')" />form3</label><br />    <iframe id="ifr" name="ifr" src="" frameborder="0" scrolling="no" style="border:0"></iframe></div></body></html>
[解决办法]
果断Ajax:
参考;
http://topic.csdn.net/u/20120513/19/6133363b-ea5a-4b36-b719-b0e8483a15e1.html
http://topic.csdn.net/u/20120516/09/dd9c19b5-bbf3-4f1f-bdbb-d58ade236f5f.html

热点排行