Cómo obtener múltiples valores de casilla de verificación del formulario HTML

Cómo obtener múltiples valores de casilla de verificación del formulario HTML

Las casillas de verificación son elementos de entrada booleanos. Con la ayuda de las casillas de verificación, puede elegir tantas opciones como sea posible en la lista de datos disponible. Como resultado, puede obtener múltiples valores del formulario HTML para mostrar en la página web después de enviar un formulario. Para ese propósito, se utilizan las funciones jQuery.

Esta publicación explicará los múltiples valores de casilla de verificación desde el formulario HTML.

Cómo obtener múltiples valores de casilla de verificación del formulario HTML?

Para obtener múltiples valores de casilla de verificación de un formulario HTML, primero, cree un formulario y especifique la entrada "tipo" como "caja". Después de eso, el jQuery "validarSe utiliza la función (), esto hará que se envíe el formulario.

Para hacerlo, siga el procedimiento establecido a continuación.

Paso 1: diseñar un formulario

Primero, diseñe un formulario con la ayuda del "" elemento. Luego, agregue los siguientes atributos dentro de la etiqueta de apertura:

  • El html "nombre"Especifica un nombre para un elemento. Al hacer referencia al elemento en JavaScript, este atributo de nombre también se puede utilizar.
  • "en la subsidio"Es un evento HTML activado cuando se envía un formulario.

Paso 2: Agregar encabezado

A continuación, agregue un rumbo dentro del formulario con la ayuda del "

Paso 3: Crear casillas de verificación

Después de eso, utilice el ""Elemento y especifique el tipo como"caja"Para crear casillas de verificación en el formulario. Además, agregue un "valor"Atributo que especifica el valor para un"" elemento. El atributo de valor se usa de manera diferente para diferentes tipos de entrada.

Paso 4: Crear botón

Ahora, haga un elemento de botón en la forma con la ayuda de ""Y especifique el tipo como"entregar". Luego, incruste el texto para mostrar en el botón:


Seleccione sus sujetos




















Producción

Paso 5: Defina la función JavaScript

En el ""Elemento, especificaremos el siguiente código:

En el fragmento mencionado anteriormente:

  • Defina una función "validar"Que activará la presentación del formulario.
  • A continuación, inicialice una variable que almacene el resultado de los elementos seleccionados utilizando el "mapa()" función.
  • "getElementById ().innerhtml"Devolverá el elemento HTML como un objeto JavaScript con la propiedad predefinida innerHTML. El "innerhtmlLa propiedad contiene el contenido de la etiqueta HTML:

Se trata de obtener los múltiples valores de casilla de verificación del formulario HTML.

Conclusión

Para obtener los múltiples valores de casilla de verificación del formulario HTML, el jQuery "validarSe utiliza la función (), lo que activará la presentación del formulario. Además, inicialice la variable que almacena los resultados de elementos seleccionados utilizando el "mapa()" función. Entonces, "documento.getElementById ().innerhtml"Devolverá el elemento HTML como un objeto JavaScript que tiene la propiedad predefinida InnerHTML. Este tutorial ha demostrado el método para obtener los valores de la casilla de verificación del formulario HTML.