Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Sacar valor de radio button

Estas en el tema de Sacar valor de radio button en el foro de Javascript en Foros del Web. Hola, Ya no sé que hacer, algo hago mal. Haga lo que haga solo logro sacar el valor del primer radio button. Por ejemplo este ...
  #1 (permalink)  
Antiguo 03/04/2019, 10:18
 
Fecha de Ingreso: mayo-2009
Mensajes: 380
Antigüedad: 10 años
Puntos: 6
Sacar valor de radio button

Hola,
Ya no sé que hacer, algo hago mal.
Haga lo que haga solo logro sacar el valor del primer radio button.

Por ejemplo este html, y si hago clic en un botón y si no es primer no se ejecuta:

Código HTML:
Ver original
  1. <input type="radio" value="1" name="elegirparadalist" class="elegirparadalist">
  2. <input type="radio" value="2" name="elegirparadalist" class="elegirparadalist">
  3. <input type="radio" value="3" name="elegirparadalist" class="elegirparadalist">
  4. <input type="radio" value="4" name="elegirparadalist" class="elegirparadalist">

Código Javascript:
Ver original
  1. <script>
  2. var element2 = document.querySelector('input[name="elegirparadalist"]');
  3.             element2.addEventListener('click', () => {
  4.             console.log(document.querySelector('input[name="elegirparadalist"]').value)
  5.             })
  6. </script>

Gracias
  #2 (permalink)  
Antiguo 03/04/2019, 12:56
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.087
Antigüedad: 15 años
Puntos: 782
Respuesta: Sacar valor de radio button

Probá así:
Código:
<script>
var element2 = document.querySelector('input[name="elegirparadalist"]:checked');
            element2.addEventListener('click', () => {
            console.log(document.querySelector('input[name="elegirparadalist"]:checked').value)
            })
</script>
  #3 (permalink)  
Antiguo 03/04/2019, 14:27
 
Fecha de Ingreso: mayo-2009
Mensajes: 380
Antigüedad: 10 años
Puntos: 6
Respuesta: Sacar valor de radio button

Gracias, pero no,
da error: test.htm:35 Uncaught TypeError: Cannot read property 'value' of null
  #4 (permalink)  
Antiguo 03/04/2019, 15:47
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.087
Antigüedad: 15 años
Puntos: 782
Respuesta: Sacar valor de radio button

De acuerdo, prueba esto:
Código:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

<body>
<input type="radio" value="1" name="elegirparadalist" class="elegirparadalist">
<input type="radio" value="2" name="elegirparadalist" class="elegirparadalist">
<input type="radio" value="3" name="elegirparadalist" class="elegirparadalist">
<input type="radio" value="4" name="elegirparadalist" class="elegirparadalist">
<script>
var chs =[].slice.call(document.querySelectorAll('input[name="elegirparadalist"]'));
chs.forEach(function(e){
	e.addEventListener(
		'change',
		function(){
			this.checked && console.log(this.value);
		}
	);
});										 

</script>
</body>
</html>
  #5 (permalink)  
Antiguo 04/04/2019, 02:32
 
Fecha de Ingreso: mayo-2009
Mensajes: 380
Antigüedad: 10 años
Puntos: 6
Respuesta: Sacar valor de radio button

Eso funciona perfectamente, gracias.
Una cosa, estoy en un mac, intentando ver compatibilidad.
Tendrá problemas con internet explorer o Edge?
  #6 (permalink)  
Antiguo 04/04/2019, 03:12
 
Fecha de Ingreso: mayo-2009
Mensajes: 380
Antigüedad: 10 años
Puntos: 6
Respuesta: Sacar valor de radio button

Otra cosa,
necesito sacar el valor de 3 inputs en el mismo loop.
El html sería algo así:

Código HTML:
Ver original
  1. <div id="list">
  2. <div class="testclass">
  3. <input type="radio" value="1" name="elegirparadalist" class="elegirparadalist">
  4. <label for="elegirparadalist"></label>
  5. <input type="hidden" value="" name="paradaxlist" class="paradaxlist">
  6. <input type="hidden" value="" name="idparadalist" class="idparadalist">
  7. </div>
  8. <div class="testclass">
  9. etc.
  #7 (permalink)  
Antiguo 04/04/2019, 15:05
 
Fecha de Ingreso: mayo-2009
Mensajes: 380
Antigüedad: 10 años
Puntos: 6
Respuesta: Sacar valor de radio button

Ya se, voy a poner los valores de los hiddens en el radiobutton y los separo con split.

Muchas gracias



La zona horaria es GMT -6. Ahora son las 07:38.