如何改变单选按钮的跨度文字？

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";