[SOLUCIONADO] Sacar valor de radio button

helenp · #1 (**permalink**) 03/04/2019, 10:18

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<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">

Código Javascript:

Ver original<script>
var element2 = document.querySelector('input[name="elegirparadalist"]');
            element2.addEventListener('click', () => {
            console.log(document.querySelector('input[name="elegirparadalist"]').value)
            })
</script>

Gracias

Panino5001 · #2 (**permalink**) 03/04/2019, 12:56

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>

helenp · #3 (**permalink**) 03/04/2019, 14:27

Gracias, pero no,
da error: test.htm:35 Uncaught TypeError: Cannot read property 'value' of null

Panino5001 · #4 (**permalink**) 03/04/2019, 15:47

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>

helenp · #5 (**permalink**) 04/04/2019, 02:32

Eso funciona perfectamente, gracias.
Una cosa, estoy en un mac, intentando ver compatibilidad.
Tendrá problemas con internet explorer o Edge?

helenp · #6 (**permalink**) 04/04/2019, 03:12

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

Código HTML:

Ver original<div id="list">
<div class="testclass">
<input type="radio" value="1" name="elegirparadalist" class="elegirparadalist">
<label for="elegirparadalist"></label>
<input type="hidden" value="" name="paradaxlist" class="paradaxlist">
<input type="hidden" value="" name="idparadalist" class="idparadalist">
</div>
<div class="testclass">
etc.

helenp · #7 (**permalink**) 04/04/2019, 15:05

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

Muchas gracias