单击单选按钮以使用Fancybox打开iframe

Question

我有一个正常标记的HTML页面，用户可以从3个单选按钮中选择一个选项。

[O]选项1

[O]选项2

[O]选项3

然而，当他们点击单选按钮选项2，一个弹出必须打开显示页。

我安装了Fancybox（它已经工作！对于那些不知道这是一个灯箱的替代品），打开一个iframe页面。

我网站上的文本测试环节：

<a id="example1" href="http://www.url.com/pages/newpage.php?iframe">test</a> 

所以基本上，当我现在点击“测试”，打开的fancybox显示newpage.php。

这是ALREADY的作品。但现在我需要做到这一点，当您点击选项2的单选按钮时，它会打开该页面。我试过了：

<input type="radio" id="example1" name="wnf" value="geven" onclick="window.open='http://www.url.com/pages/newpage.php?iframe'" /> Option 2 

这是行不通的。思想的？

在此先感谢。

Answer 1

您需要的fancybox附加到单选按钮，并设置的选项来显示图像的来源，看一个例子here：

$("#yourRabioBtnSelector").fancybox({ 
     target: this, 
     href: 'url_of_the_image' 
    });