如何更改单选按钮的跨度文本

Question

我需要使用Javascript更改单选按钮列表旁边的span标记中的文本。我无法更改创建以下代码的代码。根据给定的条件，我需要修改其中一个单选按钮文本的文本。

我可以使用索引禁用按钮。

document.getElementsByName("estimate[id]")[0].disabled = true; 

我可以更改所有范围文本值

var $label = $('input[type=radio]').next();
$label.text('Options');

但是我不知道如何更改其中一个按钮上的文字。

<form action="/cart/set_estimate" accept-charset="UTF-8"
id="estimate_shipping_results" autocomplete="off"
method="post">
<dl id="estimates">
<dt><input type="radio" name="estimate[id]" value="170361"
checked="checked"/>
<span>Entrega Jueves-Viernes</span></dt>
<dd>$2.000</dd>
<dt><input type="radio" name="estimate[id]" value="170483"/>
<span>Entrega 48h hábiles</span></dt>
<dd>$3.500</dd>
</dl>
div class="estimate_shipping_buttons">
<input id="set_shipping_button" type="submit" value="Definir Envío"/>
</div>
</form>

Answer 1

我不知道我是否理解你的问题，但要更改单选按钮旁边的一个跨度的文本，你可以使用：

document.getElementsByName("estimate[id]")[0].parentElement.querySelector('span').innerHTML = "text";