JavaScript:将innerHtml更改为单选按钮值

时间:2017-11-14 11:02:11

标签: javascript html

在我们的html中,我们有一个带有单选按钮和值的文档。

此代码打开一个弹出窗口:

<tr>
      <td><input id="vname" name="vname"></td>
      <td>Cell</td>
      <td id="eins"><button id="a1" class="button button-block"/ onclick="popup1()" name="button1">Eintragen</button></td>
    </tr>

function popup1(){
    a1.name = "b1"
    window.open('schadensausmass.html', "popup", "width=700,height=600");
    alert("t")
    }

这是单独的Html文件(弹出窗口):

<form name="myForm">
    <td><input type="radio" id = "radio1" name= "gleich" value="2"></td>
    <td><input type="radio" id = "radio2" name= "gleich" value="1"></td>
    <td><input type="radio" id = "radio3" name= "gleich" value="3"></td>
</form>
</table>
  <button type="button" onclick="meineFunktion()"></button>

我们希望在<td id="eins">的innerhtml中设置单选按钮值。所以我们尝试了这个。

    function meineFunktion() {
    if (opener.document.getElementById("a1").name == "b1"){
    window.close('schadensausmass.html')
    opener.document.getElementById("eins").innerHTML= document.myForm.elements[1].value
}

不幸的是,innerHtml没有改变。如果我们这样做

opener.document.getElementById("eins").innerHTML="Foo"

innerHTML确实发生了变化。 所以问题与document.myForm.elements[1].value有关 有什么提示可能是错的吗?

2 个答案:

答案 0 :(得分:0)

更改

document.myForm.elements[1].value

document.forms.myForm.elements[1].value

您必须指定您希望在文档中获取表单。确保myform与表单的name属性匹配。

您可以阅读有关表单以及如何获取其元素的更多信息here

答案 1 :(得分:-1)

<input id="rdBtnDigitize" type="radio" name= "gleich" value="1">

脚本

$(function () {
    $('#rdBtnDigitize')[0].nextSibling.data = 'Foo'
});