从href target="_blank“更改为带单选按钮的iframe
从href target="_blank“更改为带单选按钮的iframe
提问于 2012-10-08 15:07:05
我想创建一个带有链接列表(或按钮或图片无关紧要)的页面，这样当用户单击按钮/链接时，根据单选选择，链接将在同一页面上的iframe中打开，或者打开一个带有target="_blank“的新窗口。有可能吗？
我想也许可以使用这样的形式：
<html>
<head><title>Rec. Links</title></head>
<body>
<form method="get" action="?">
<imput type="radio" value="new" name="group1"/>
<input type="radio" value="iframe"name="group1"/>
</form>
<a href="..."/>
<a href="..."/>
<a href="..."/>
...
<a href="..."/>
</body>
</html>但是我可以把选择发送到哪里呢？我能把它发送到同一页吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-10-08 15:16:40
您必须在每个单选按钮上添加一个单击处理程序，例如
... onclick="updateTargets('iframe');" />
... onclick="updateTargets('_blank');" />创建一个函数，用于更改每个锚点的目标：
function updateTargets(newTarget)
{
var anchors = document.getElementsByTagName('a');
for (var i = 0, item; item = anchors[i]; ++i) {
item.target = newTarget;
}
}Stack Overflow用户
发布于 2012-10-08 15:19:53
使用jQuery可能会让你一开始就像这样--基本上你绑定到单选群组，改变事件，然后根据选择的值改变锚点的所有目标属性。
<script type="text/javascript">
jQuery(document).ready(function($) {
$('input:radio[name=group1]').change(function() {
var value = $(this).val();
if(value == "iframe") {
$('a').attr('target', '');
} else {
$('a').attr('target', '_blank');
}
});
});
</script>
</head>
<body>
<form method="get" action="?">
<input type="radio" value="new" name="group1" />
<input type="radio" value="iframe"name="group1"/>
</form>
<a href="http://www.google.com">Jello</a>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12776849
复制相关文章
相似问题
腾讯云开发者
