javascript - 循环单选按钮表单 javascript

Question

我正在尝试循环单选按钮表单，但没有成功。

尽管表单的长度为 3(与单选按钮的数量相同)，但我无法访问单个元素。

目的是更改文本。它的工作原理如果我想访问第一个元素:

var child = form.firstChild;
alert(child.nextSibling.nextSibling.nextSibling.innerHTML);

这将返回第一个单选按钮文本。

但是如果我创建一个循环

function getRadioBInfo() {
    var form = document.getElementById("myform");

    for (var i = 0; i < form.length; i++) {
        var iForm = form[i];
        var child = iForm.firstChild;
        alert(child.nextSibling.nextSibling.nextSibling.innerHTML);
    }
}

.. 我得到 TypeError: child is null

这段代码有什么问题？

HTML

<form action="" name="deliver_form" id="myform" style="display: block;">
    <input type="radio" name="delivering" id="radio1" value="deliver"> <label>label1</label><br>
    <input type="radio" name="delivering" value="comeandtake"> <label>label2</label><br>
    <input type="radio" name="delivering" value="express"> <label>label3</label>
</form>

Answer 1

我认为您正在寻找类似以下内容的内容。

var form = document.getElementById("myform");
    
for (var i = 0; i < form.length; i++) {
    var child = form.getElementsByTagName('input')[i];
    alert(child.nextSibling.nextSibling.innerHTML);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" name="deliver_form" id="myform" style="display: block;">
    <input type="radio" name="delivering" id="radio1" value="deliver"> <label>label1</label><br>
    <input type="radio" name="delivering" value="comeandtake"> <label>label2</label><br>
    <input type="radio" name="delivering" value="express"> <label>label3</label>
</form>