Tengo un escenario de tener una serie de botones de radio con el nombre del método de pago. Necesito cambiar ese texto al cargar la página. Por ejemplo.
<label class="radio-inline"> <div class="iradio_square-blue"> <input type="radio" name="paymentmethod" value="Paypal"> <ins></ins> </div> Paypal India </label>En el ejemplo de código anterior, necesito cambiar "Paypal India" a "Paypal Global" a través de javascript. No tenemos una identificación para el botón de opción. La única forma de apuntar es a través del valor del botón de opción, que en el caso anterior es paypal.
Puede alguien ayudarme aquí.
Gracias por adelantado.
Tendrás que mirar los childNodes
const label = document.querySelector("[name=paymentmethod][value=Paypal]") .closest("label"); [...label.childNodes].forEach(node => { let text = node.textContent; if (text && text.includes("India")) { node.textContent = text.replace("India", "Global"); } }); <label class="radio-inline"> <div class="iradio_square-blue"> <input type="radio" name="paymentmethod" value="Paypal"> <ins></ins> </div> Paypal India </label>Aquí para su referencia. Creo que será útil.
document.addEventListener("DOMContentLoaded", function(event) { const labels = document.getElementsByClassName('radio-inline'); if (labels.length) { let label = labels[0]; label.innerHTML = label.innerHTML.replace(/Paypal India/, 'Paypal Global'); } });