Javascript 单击radiobutton使用Fancybox打开iframe

Javascript 单击radiobutton使用Fancybox打开iframe,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我有一个普通的标记HTML页面,用户可以从3个单选按钮中选择一个选项 [o] 选择1 [o] 选择2 [o] 选择3 但是,当他们单击选项2的单选按钮时,必须打开一个弹出窗口,显示页面 我安装了Fancybox(已经可以使用了!对于那些不知道它是lightbox替代品的人来说),它可以在iframe中打开页面 我在网站上有一个文本测试链接: <a id="example1" href="http://www.url.com/pages/newpage.php?iframe">test

我有一个普通的标记HTML页面,用户可以从3个单选按钮中选择一个选项

[o] 选择1

[o] 选择2

[o] 选择3

但是,当他们单击选项2的单选按钮时,必须打开一个弹出窗口,显示页面

我安装了Fancybox(已经可以使用了!对于那些不知道它是lightbox替代品的人来说),它可以在iframe中打开页面

我在网站上有一个文本测试链接:

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

基本上,当我现在点击“test”时,Fancybox会打开,显示newpage.php

这已经奏效了。但现在我需要这样做,当你点击选项2的单选按钮时,它会打开那个页面。我试过:

<input type="radio" id="example1" name="wnf" value="geven" onclick="window.open='http://www.url.com/pages/newpage.php?iframe'" /> Option 2
选项2
这是行不通的。想法是什么


提前感谢。

您需要将fancybox连接到单选按钮,并设置要在选项中显示的图像源,请参见示例:


这个例子很好,几乎是我所需要的。但我不想在单击radiobutton时打开图像,而是希望它显示iframe。我该如何改变这一点?
    $("#yourRabioBtnSelector").fancybox({
        target: this,
        href: 'url_of_the_image'
    });