单选按钮，参考外部文档答案

【问题标题】：radio button, reference external document单选按钮，参考外部文档
【发布时间】：2011-11-10 16:02:36
【问题描述】：

不知道如何解释，但我正在尝试打开一个新窗口，同时在打开的页面上设置一个特定的单选按钮。

Contact-us.php（我要打开的页面）

<form name="f2" method="post" action="send_form_email3.php" id="Homeform1" onsubmit="return checkEmail(this)">

<input type="radio" name="package" value="Option1"> Basic 
<input type="radio" name="package" value="Option2"> Silver
<input type="radio" name="package" value="Option3"> Gold
<input type="radio" name="package" value="Custom"> Custom

这是带有按钮的页面

主页.php

<a href="javascript:win1=window.open('contact-us.php'); setCheckedValue(win1.document.forms['f2'].elements['package'], 'Option2');" id="link2" class="links"></a>

这是JS文件

function setCheckedValue(radioObj, newValue) {
if(!radioObj)
    return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
    radioObj.checked = (radioObj.value == newValue.toString());
    return;
}
for(var i = 0; i < radioLength; i++) {
    radioObj[i].checked = false;
    if(radioObj[i].value == newValue.toString()) {
        radioObj[i].checked = true;
    }
}

}

所以它适用于同一页面，如果我将表单与按钮 (home.php) 放在同一页面上

然而目前所有的代码都是打开一个新页面！(Contact-us.php)

我不能 100% 确定这可以做到，但我的最终目标是打开一个新页面，并在用户单击图像时选择单选选项。

P.S 这不是完整的代码，因为我只发布了我认为相关的部分。

【问题讨论】：

您的代码可以与模态 div 或浮动 div 一起使用，那怎么样呢？无论如何，大多数浏览器都会阻止弹出窗口。

标签： javascript html button radio checked

【解决方案1】：

您可以将参数传递给contact-us.php?checkedValue=... 并使用 php 或 Javascript 读取它们。

或者您可以在 contact-us.php 中使用 Javascript 代码，该代码将读取父窗口中的一些值，例如 parent.yourGlobalObject.checkedValue

【讨论】：

感谢您的回复，@Mic 我从未真正考虑过传递参数，但现在意识到它可能会起作用。无论如何，我决定按照 Drew 的建议使用模态 div，这很快就开始工作了。