单击单选按钮以使用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>

所以基本上，当我现在点击“test”时，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'
    });