saber cuando un button radio de html está marcado y cuándo no lo está in javascript

Para saber si un radio button en HTML está marcado o no, se puede utilizar JavaScript para escuchar el evento de cambio (change) en el radio button y verificar su propiedad checked en el objeto del evento. También se puede acceder al radio button con el método getElementById y verificar su propiedad checked directamente. A continuación se muestra un ejemplo de ambas opciones:


<!-- HTML -->
<input type="radio" id="radio-button">

<script>
  // JavaScript
  const radioButton = document.getElementById("radio-button");

  radioButton.addEventListener("change", () => {
    if (radioButton.checked) {
      console.log("Radio button is checked");
    } else {
      console.log("Radio button is not checked");
    }
  });

  // Alternatively
  if (radioButton.checked) {
    console.log("Radio button is checked");
  } else {
    console.log("Radio button is not checked");
  }
</script>
510 chars
23 lines

similar javascript code snippets

crea un elemento html con button radios in javascript

mostrar y ocultar un campo html en dependencia de si un button radio esta marcado o no in javascript

crea un grupo de buttons radio en html in javascript

make a http request with a custom body as html in javascript

create a website in javascript

create a div of images that is always no bigger than 80% of the display height and the images scale accordingly. when you hover over an image it zooms slighly and the other images gray out in javascript

html to image in javascript

blue coloured cta in javascript

create a carousel in html in javascript

create a bleeding effect in javascript

related categories