Tengo este formulario al que llamo con onclick a una funcion y le paso unos parametros que son el nombre por el que me tiene que buscar el getelement y el nombre del div donde tiene que guardar el resultado.
Código HTML:
<form id="formulario" action="#" method="get"> <!-- progreso --> <ul id="progreso"> <li class="active">Facebook</li> <li>twitter</li> <li>Instagram</li> </ul> <!-- fieldsets --> <fieldset> <h2 class="fs-title">Facebook</h2> <h3 class="fs-subtitle">Tiene su empresa facebook?</h3> <p> <label> <input type="radio" name="facebook" value="si" id="facebook"> si</label> <label> <input type="radio" name="facebook" value="no" id="facebook"> no</label> </p> <br> <input type="button" name="next" class="next action-button" value="Siguiente" onclick="capturar(facebook,resultado1)"/> </fieldset> <fieldset> <h2 class="fs-title">twitter</h2> <h3 class="fs-subtitle">Tiene su empresa Twitter?</h3> <p> <label> <input type="radio" name="Twitter" value="si" id="twitter_0"> si</label> <label> <input type="radio" name="Twitter" value="no" id="twitter_1"> no</label> </script> </p> <input type="button" name="previous" class="previous action-button" value="Atras" /> <input type="button" name="next" class="next action-button" value="Siguiente" /> </fieldset> <fieldset> <h2 class="fs-title">Instagram</h2> <h3 class="fs-subtitle">Tiene su empresa Instagram?</h3> <p> <label> <input type="radio" name="Instagram" value="si" id="Instagram_0"> si</label> <label> <input type="radio" name="Instagram" value="no" id="Instagram_1"> no</label> </p> <input type="button" name="previous" class="previous action-button" value="Atras" /> <input type="button" name="next" class="next action-button" value="Resultado" /> </fieldset> <fieldset> <h2 class="fs-title">Resultado:</h2> <div id="resultado1"></div> <div id="resultado2"></div> <div id="resultado3"></div> <input type="button" name="previous" class="previous action-button" value="Atras" /> </fieldset> </form>
Código HTML:
function capturar(nombre , destino) { var resultado="ninguno"; var porNombre=document.getElementsByName("'+nombre+'"); // Recorremos todos los valores del radio button para encontrar el // seleccionado for(var i=0;i<porNombre.length;i++) { if(porNombre[i].checked) resultado=porNombre[i].value; } document.getElementById("'+destino+'").innerHTML=" \ Facebook: "+resultado; }