JavaScript - Problema con parámetros de variable

   
Vista:

Problema con parámetros de variable

Publicado por Adrian (3 intervenciones) el 07/04/2015 17:25:08
Hola a todos, necesito una ayudita con un trabajo.
Tengo un formulario en el que con el evento onclick le paso unos parámetros a una funcion javascript, con esos parámetros me coge el valor de un elemento y me publica el resultado en otro, en un principio me funcionaba peor al querer hacerlo mas ordenado por parámetros ya no.
este es el form:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<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>


y aqui la funcion:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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;
    }
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Vainas

Problema con parámetros de variable

Publicado por Vainas (239 intervenciones) el 09/04/2015 13:04:10
Buenas:

onclick="capturar("facebook","resultado1")" hay un poco de lio con las comillas dobles. Yo lo haria de este modo:

onclick="capturar('facebook','resultado1')"; asi las de fuera no se confunden con las de la llamada.

He visto que te sobra un </script> por alli.

En estas llamadas: document.getElementsByName("'+nombre+'"); yo las dejaria asi: document.getElementsByName(nombre);

igual en la de destino.

Para finalizar te doy mi opinion a que uses jquery que te facilita mucho las cosas.

Espero que sirva.

Saludos.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar