Javascript从弹出输入广播类

时间:2017-06-20 20:06:04

标签: javascript html class

是否有可能从类中获取输入无线电值信息(外部)?

我做了一百万次尝试......

这是我坚持的代码:

Parent.htm

<html>
<head>
    <title></title>
</head>
<body>
            <input type="text" id="txtName" readonly="readonly" />
            <input type="button" value="Select Name" onclick="SelectName()" />

<script type="text/javascript">
    var popup;
    function SelectName() {
        popup = window.open("Popup.htm", "Popup", "width=300,height=100");
        popup.focus();
        return false
    }
</script>
</body>
</html>

这是我无法定义的页面,以获取有价值的信息。

Popup.htm

<html>
<body>
<form class="ddlNames">
<input type="radio" name="ddlNames" id="num" value="one">
<input type="radio" name="ddlNames" id="num" value="two">
<input type="radio" name="ddlNames" id="num" value="three">
</form>
<br />
<br />
<input type="button" value="Select" onclick="SetName();" />
<script type="text/javascript">
    function SetName() {
        if (window.opener != null && !window.opener.closed) {
            var txtName = window.opener.document.getElementById("txtName");
            txtName.value = document.getElementsByClassName("ddlNames")[0].value;
        }
        window.close();
    }
</script>
</body>
</html>

我也是这样试过的:

<input type="radio" class="ddlNames" name="ddlNames" id="num" value="one">
<input type="radio" class="ddlNames" name="ddlNames" id="num" value="two">
<input type="radio" class="ddlNames" name="ddlNames" id="num" value="three">

为每个人提供ddlNames课程,但它不起作用?

1 个答案:

答案 0 :(得分:3)

您可以使用查询选择器

获取选中的值
document.querySelector('input[name="ddlNames"]:checked').value;