crea dos checboxes en html y recoge los que esten seleccionados in javascript

Para crear dos checkboxes en HTML, debemos utilizar la etiqueta input con el atributo type="checkbox". Además, para poder identificarlos mejor, podemos utilizar el atributo name con un valor descriptivo para cada checkbox.

Luego, en JavaScript, podemos obtener los valores de los checkboxes seleccionados utilizando el método querySelectorAll para seleccionar todos los checkboxes con un nombre específico y con la propiedad checked igual a true.

A continuación, un ejemplo completo:

<form>
  <label>
    <input type="checkbox" name="opcion1"> Opción 1
  </label>
  <br>
  <label>
    <input type="checkbox" name="opcion2"> Opción 2
  </label>
</form>
<button onclick="seleccionarOpciones()">Obtener opciones seleccionadas</button>

<script>
  function seleccionarOpciones() {
    const opciones = document.querySelectorAll('input[name="opcion"]:checked');
    opciones.forEach(opcion => {
      console.log(opcion.value); // Aquí puedes hacer lo que quieras con el valor de la opción seleccionada
    });
  }
</script>
536 chars
20 lines

En este ejemplo, al hacer clic en el botón con el evento onclick, se ejecutará la función seleccionarOpciones, que seleccionará todos los checkboxes con el nombre opcion y la propiedad checked igual a true. Luego, simplemente imprimimos los valores de las opciones seleccionadas.

related categories

gistlibby LogSnag