Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

72
Vistas
cambiando la selección del botón de radio ahora funciona bien

si la primera vez que quiero seleccionar o cambiar el botón de opción quiero cambiar el color de la etiqueta a rojo, pero no funciona perfectamente, uso una función de cambio dentro del botón de opción

 <script> function changecolor(){ document.getElementsByClassName("label").style.color='red' } </script> <body> <div class="group"> <label for="one" class="label">Select Any</label> <div class="input"> <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()" > <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()"> </div> </div> </body> </html>
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

document.getElementsByClassName devuelve una colección html para que tenga dos soluciones para hacer que su código funcione

  • iterar en cada elemento de la colección html y aplicar el estilo
  • o use un índice para acceder a uno de los elementos específicos

 function changecolor(){ document.getElementsByClassName("label")[0].style.color='red' }
 <div class="group"> <label for="one" class="label">Select Any</label> <div class="input"> <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()" > <input id="one" class="radio" name="radio-group" type="radio" onchange="changecolor()"> </div> </div>

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda