Как изменить текст диапазона радиокнопки

Мне нужно изменить текст в теге span рядом со списком переключателей с помощью Javascript. Я не могу изменить код, который создает приведенный ниже код. В зависимости от заданного условия мне нужно изменить текст одного из текстов переключателя.

Я могу отключить кнопку, используя файл index.

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>

javascript html radio-button
person George Lake    schedule 07.05.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я не знаю, правильно ли я понимаю вашу проблему, но чтобы изменить текст одного диапазона рядом с переключателем, вы можете использовать:

document.getElementsByName("estimate[id]")[0].parentElement.querySelector('span').innerHTML = "text";
person Jonaswinz    schedule 07.05.2020
comment
БЛАГОДАРНОСТЬ! Это то, что мне было нужно! - person George Lake; 08.05.2020