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

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>.000</dd>
    <dt><input type="radio" name="estimate[id]" value="170483"/>
      <span>Entrega 48h hábiles</span></dt>
    <dd>.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";

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

How to change span text of a radio button

html

javascript

radio-button