Skip to main content
se añadieron 1094 caracteres en el cuerpo
Origen Enlace
user128299
user128299

Para lograr lo que buscas verificar si uno de los 2 radio esta seleccionado, considero que es mas simple proceder de este modo:

let radios = document.querySelectorAll(".radios")

radios.forEach((elemento) => {
 elemento.addEventListener("change", () => {
   let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
   console.log(actividad)
 })
})

Donde:

  • Obtenemos a todos por medio de una clase asignada que en este caso llamaremos radios
  • Como querySelectorAll nos devuelve una lista de nodos de todos los elementos coincidentes entonces los recorremos con un forEach
  • Ahora por cada elemento que obtiene el bucle en sus iteraciones verificamos el event de change que ocurre cuando seleccionas un radio
  • Si dicho elemento que representa a uno de los radios esta en checked entonces su valor es true por eso solo lo escribí como: (elemento) entonces imprimimos el value que posee para no solo saber que fue elegido sino además recuperar que valor tiene asignado dicho radio button

EJEMPLO COMPLETO

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo 1</title>
    </head>
    <body>
    <input type="radio" class="radios" className="radiosbtn" name="sipa" id="sipa" value='false'/>Si
    <input type="radio" class="radios" className="radiosbtn" name="sipa" id="sipa" value='true'/>No
    <div id="aviso"></div>
    <script>
        let radios = document.querySelectorAll(".radios")
        
        radios.forEach((elemento) => {
         elemento.addEventListener("change", () => {
           let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
           document.getElementById("aviso").innerHTML = `Elegiste: ${elemento.value}`
         })
        })
    </script>
    </body>
    </html>

Para lograr lo que buscas verificar si uno de los 2 radio esta seleccionado, considero que es mas simple proceder de este modo:

let radios = document.querySelectorAll(".radios")

radios.forEach((elemento) => {
 elemento.addEventListener("change", () => {
   let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
   console.log(actividad)
 })
})

Donde:

  • Obtenemos a todos por medio de una clase asignada que en este caso llamaremos radios
  • Como querySelectorAll nos devuelve una lista de nodos de todos los elementos coincidentes entonces los recorremos con un forEach
  • Ahora por cada elemento que obtiene el bucle en sus iteraciones verificamos el event de change que ocurre cuando seleccionas un radio
  • Si dicho elemento que representa a uno de los radios esta en checked entonces su valor es true por eso solo lo escribí como: (elemento) entonces imprimimos el value que posee para no solo saber que fue elegido sino además recuperar que valor tiene asignado dicho radio button

Para lograr lo que buscas verificar si uno de los 2 radio esta seleccionado, considero que es mas simple proceder de este modo:

let radios = document.querySelectorAll(".radios")

radios.forEach((elemento) => {
 elemento.addEventListener("change", () => {
   let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
   console.log(actividad)
 })
})

Donde:

  • Obtenemos a todos por medio de una clase asignada que en este caso llamaremos radios
  • Como querySelectorAll nos devuelve una lista de nodos de todos los elementos coincidentes entonces los recorremos con un forEach
  • Ahora por cada elemento que obtiene el bucle en sus iteraciones verificamos el event de change que ocurre cuando seleccionas un radio
  • Si dicho elemento que representa a uno de los radios esta en checked entonces su valor es true por eso solo lo escribí como: (elemento) entonces imprimimos el value que posee para no solo saber que fue elegido sino además recuperar que valor tiene asignado dicho radio button

EJEMPLO COMPLETO

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo 1</title>
    </head>
    <body>
    <input type="radio" class="radios" className="radiosbtn" name="sipa" id="sipa" value='false'/>Si
    <input type="radio" class="radios" className="radiosbtn" name="sipa" id="sipa" value='true'/>No
    <div id="aviso"></div>
    <script>
        let radios = document.querySelectorAll(".radios")
        
        radios.forEach((elemento) => {
         elemento.addEventListener("change", () => {
           let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
           document.getElementById("aviso").innerHTML = `Elegiste: ${elemento.value}`
         })
        })
    </script>
    </body>
    </html>

Origen Enlace
user128299
user128299

Para lograr lo que buscas verificar si uno de los 2 radio esta seleccionado, considero que es mas simple proceder de este modo:

let radios = document.querySelectorAll(".radios")

radios.forEach((elemento) => {
 elemento.addEventListener("change", () => {
   let actividad = (elemento) ? `Cambio, elegiste: ${elemento.value}` : `No cambio`
   console.log(actividad)
 })
})

Donde:

  • Obtenemos a todos por medio de una clase asignada que en este caso llamaremos radios
  • Como querySelectorAll nos devuelve una lista de nodos de todos los elementos coincidentes entonces los recorremos con un forEach
  • Ahora por cada elemento que obtiene el bucle en sus iteraciones verificamos el event de change que ocurre cuando seleccionas un radio
  • Si dicho elemento que representa a uno de los radios esta en checked entonces su valor es true por eso solo lo escribí como: (elemento) entonces imprimimos el value que posee para no solo saber que fue elegido sino además recuperar que valor tiene asignado dicho radio button