JavaScript：innerHtmlをラジオボタンの値に変更する

Question

私たちの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 ここで何が問題なのでしょうか？

Answer 1

変更

document.myForm.elements[1].value

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

にあなたが文書のフォームを取得したいことを指定する必要があります。フォームの name属性に myformが一致するようにしてください。

あなたがフォームについての詳細を読むことができますし、どのようにその要素here

Answer 2

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

スクリプト

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