0
140
Vistas¿Cómo puedo editar la página de pago con javascript?
Estoy tratando de hacer que la página de pago cambie los campos cuando se selecciona un botón de opción. Entonces, tengo 2 opciones en los botones de opción A y B. Cuando se selecciona A, quiero que 2 campos a continuación permanezcan disponibles y otros 2 desaparezcan. Al revés cuando se marca el segundo botón de opción.
Principalmente utilicé Wordpress para este sitio web, pero necesito un poco de código para esta funcionalidad.
function yesnoCheck('radio-5984531736') { if (this.radio-5984531736 == "Persoana fizica") { alert("check"); document.getElementByClassName("juridica").style.display = "block"; } else { document.getElementByClassName("fizica").style.display = "none"; } }Tengo este código como script en el encabezado. No estoy seguro si no es correcto o no tengo un código para llamar a esta función. Los Id y los nombres de clase son los siguientes:
ID de botones de radio: radio-5984531736 Información que debe mostrarse cuando Un nombre de clase seleccionado: fizica Información que debe mostrarse cuando Un nombre de clase seleccionado: jurídico
1 Respuestas
Responde la pregunta0
He hecho una demostración similar a tu tarea:
function yesnoCheck() { var value = document.querySelector("[name='radio-5984531736']:checked").value; if (value === "v1") { document.querySelector(".fizica").style.display = "block"; document.querySelector(".juridica").style.display = "none"; } else { document.querySelector(".fizica").style.display = "none"; document.querySelector(".juridica").style.display = "block"; } } var form = document.querySelector("#formId"); form.addEventListener("change", yesnoCheck); <div> <form id="formId"> <div> <input type="radio" name="radio-5984531736" value="v1" id="v1id"> <label for="v1id">Persona fizica</label> <input type="radio" name="radio-5984531736" value="v2" id="v2id"> <label for="v2id">Persona juridica</label> </div> <div class="fizica"> Prenume <input name="prenume"><br/> Nume companie <input name="numecom"> </div> <div class="juridica"> Nume <input name="nume"><br/> CUI <input name="cui"> </form> </div> Aunque creo que puede ser más sencillo en tu caso. Por ejemplo, intente escribir this['radio-5984531736'] en lugar de this.radio-5984531736 . Además, no necesita 'radio-5984531736' en la function yesnoCheck() { ... .