如何实现这种效果
日期：2014-05-17 浏览次数：20418 次
怎么实现这种效果
比如在顶端有一组radio 按钮，横着摆的，下面是一个div 层 层里面有个表单。
刚打开这个页面时候 没有radio 按钮被选中 然后层里面的表单显示灰色 就是不可以点。
再然后选中任何一个radio 就会显示层里面的不同的表单，同时不刷新页面，就是激活那样。
如何实现？
------解决方案--------------------
changeForm.html
比如在顶端有一组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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
