您的位置：首页 > 其它

【原创】根据选择的复选框显示相应的数目的Iframe并装载相应的网页

2011-07-21 00:29 363 查看

// function changeIFrameSrc()
{
//alert("当前tempIndex为" + tempIndex);
var thisCB = "";
var tempInnerHTML = "";
document.getElementById("divMain").innerHTML="";
//document.getElementById("iframeMain").src = "_" + tempIndex + ".html";
for (var i = 1; i <= 6; i++)
{
//alert("Checkbox" + i + "：：：" + document.getElementById("Checkbox" + i).checked);
if (document.getElementById("Checkbox" + i).checked == true)
{
//document.getElementById("iframeMain").src = "_" + i + ".html";
//alert(document.getElementById("divMain").innerHTML);
tempInnerHTML=tempInnerHTML+"";
//alert("Checkbox" + i+"为选中，则tempInnerHTML为"+tempInnerHTML);
}
}
document.getElementById("divMain").innerHTML = tempInnerHTML;
//alert(document.getElementById("divMain").innerHTML);
}
// ]]>
闲着没事，一个朋友说他忘记js了，让我帮着写一个，我时候我也忘记了，于是我又重新开始学习js了。。帮一个朋友做个小例子。。

相应的源码及另外6个页面文件的打包文件在此：点击下载

代码如下：

————————

查看代码

<html>
<head>
<title>根据选择的复选框显示相应的数目的Iframe并装载相应的网页</title>
<script type="text/javascript">
function changeIFrameSrc()
{
//alert("当前tempIndex为" + tempIndex);
var thisCB = "";
var tempInnerHTML = "";
document.getElementById("divMain").innerHTML="";
//document.getElementById("iframeMain").src = "_" + tempIndex + ".html";
for (var i = 1; i <= 6; i++)
{
//alert("Checkbox" + i + "：：：" + document.getElementById("Checkbox" + i).checked);
if (document.getElementById("Checkbox" + i).checked == true)
{
//document.getElementById("iframeMain").src = "_" + i + ".html";
//alert(document.getElementById("divMain").innerHTML);
tempInnerHTML=tempInnerHTML+

"<iframe id='iframeMain"+i+"' style='width: 100%; height: 40px' src='_"+i+".html'></iframe>";
//alert("Checkbox" + i+"为选中，则tempInnerHTML为"+tempInnerHTML);
}
}
document.getElementById("divMain").innerHTML = tempInnerHTML;
//alert(document.getElementById("divMain").innerHTML);
}
</script>

</head>
<body>
<p class="noprint">
用 IFRAME 可以在HTML文件里显示另一个网页。</p>
<p>
这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>
<div id="divMain">
</div>
<p>
<input id="Checkbox1" type="checkbox" name="cbGroup" value="1" onclick="changeIFrameSrc()">1</input>
<input id="Checkbox2" type="checkbox" name="cbGroup" value="2" onclick="changeIFrameSrc()">2</input>
<input id="Checkbox3" type="checkbox" name="cbGroup" value="3" onclick="changeIFrameSrc()">3</input>
<input id="Checkbox4" type="checkbox" name="cbGroup" value="4" onclick="changeIFrameSrc()">4</input>
<input id="Checkbox5" type="checkbox" name="cbGroup" value="5" onclick="changeIFrameSrc()">5</input>
<input id="Checkbox6" type="checkbox" name="cbGroup" value="5" onclick="changeIFrameSrc()">6</input>
</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航