0

我想创建一个带有链接列表（或按钮或图片无关紧要）的页面，以便当用户单击按钮/链接时，根据单选选择，链接将在 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>

但是我可以将选择发送到哪里？我可以将其发送到同一页面本身吗？

4

2 回答 2

1

您必须在每个单选按钮上添加一个单击处理程序，例如

... 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;
    }
}
于 2012-10-08T07:16:39.633 回答
0

使用 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>
于 2012-10-08T07:19:52.517 回答