Cómo verificar y desmarcar todas las casillas de verificación usando JavaScript

Puede haber una situación en la que todas las casillas de verificación deben verificarse o no ser marcadas en el caso de cualquier cuestionario o cuestionario. Por ejemplo, se requiere realizar múltiples selecciones de una lista de elementos específicos o no hacer una selección en absoluto, o cuando tiene que seleccionar o borrar las opciones seleccionadas de una forma de una vez. En tales casos, verificar y desmarcar todas las casillas de verificación con JavaScript se vuelve muy útil y ahorro de tiempo.

Este artículo demostrará los métodos para verificar y desmarcar todas las casillas de verificación utilizando JavaScript.

Cómo verificar y desmarcar todas las casillas de verificación usando JavaScript?

Para verificar y desmarcar todas las casillas de verificación en JavaScript, puede aplicar:

• "documento.GetElementsByNameMétodo con casillas de verificación
• "documento.GetElementsByNameMétodo con botones

Los enfoques mencionados ahora serán discutidos uno por uno!

Método 1: Verifique y desmarque todas las casillas de verificación en JavaScript usando "Documento.Método GetElementsByName () "con" casillas de verificación "

El "documento.getElementsByName ()"El método devuelve los elementos con el nombre especificado en sus argumentos. Este método se aplicará para obtener el valor de cada casilla de verificación con la ayuda del nombre aprobado.

Pasemos por el siguiente ejemplo de demostración.

Ejemplo

Primero, el tipo de entrada se especificará como "caja"Y se asignará un nombre y valor específico en cada casilla de verificación:

Pitón

Java

Javascript

Ahora, incluya una casilla de verificación adicional con el valor "Comprobar todo"Y adjuntar un"al hacer clic()"Evento con esta casilla de verificación que funcionará de tal manera cuando se haga clic en la casilla de verificación, el" "checkunchunked() "El método se invocará con el objeto"este"Como argumento:

Comprobar todo

Después de eso, defina una función llamada "checkuncheck ()"En el archivo JavaScript, con una variable nombrada"caja"Como argumento. Ahora, acceda a los valores de la casilla de verificación utilizando el "documento.getElementsByName ()"Método y coloque el valor del"nombre"Atributo como argumento.

Por último, aplique un "para"Luce para iterar a lo largo de todos los valores de casilla de verificación y utilizar el"comprobado"Propiedad para marcarlos a todos según lo verificados:

función checkuncheck (casilla de verificación)
Get = documento.getElementsByName ('lang');
para (var i = 0; iConsigo].Checked = casilla de verificación.comprobado;

Como puede ver, cuando el "Comprobar todoLa casilla de verificación está marcada, todas las otras casillas de verificación también están marcadas como se verifica:

Método 2: Verifique y desmarque todas las casillas de verificación en JavaScript usando "Documento.Método GetElementsByName () "con" Botones "

El "documento.getElementsByName ()El método "como se discutió en el método anterior, obtiene los elementos con el nombre especificado en sus argumentos. Se puede utilizar para verificar o desmarcar todas las casillas de verificación adicionales en una página web.

Mire el siguiente ejemplo para la demostración.

Ejemplo

Ahora, incluiremos dos botones para ambos "Verifica todo" y "Desmarcar todo"Funcionalidades. Entonces, adjunte un "al hacer clic"Evento con ambos botones que accederán a las funciones especificadas por separado:

A continuación, defina una función llamada "controlar()"Y aplica el"documento.GetElementsByName"Método con el valor especificado del"nombre" atributo. Entonces, itera el "para"Luce a lo largo de todos los valores de casilla de verificación discutidos en el método anterior.

Además, cuando se hace clic en el botón asociado, el "comprobado"La propiedad marcará todas las casillas de verificación y establecerá el estado marcado como"verdadero":

control de funcionamiento()
var get = documento.getElementsByName ('cheque');
para (var i = 0; iConsigo].marcado = true;

A continuación, defina una función llamada "desmarque ()", Y agregue la funcionalidad inversa para marcar la propiedad marcada como"FALSO":

function Uncheck ()
var get = documento.getElementsByName ('cheque');
para (var i = 0; iConsigo].marcado = falso;

Puede ver en la salida que los botones agregados funcionan perfectamente:

Hemos proporcionado los métodos más fáciles para verificar y desmarcar todas las casillas de verificación utilizando JavaScript.

Conclusión

Para verificar y desmarcar todas las casillas de verificación con JavaScript, use el "documento.getElementsByName ()"Método con"Casillas"Para agregar una casilla de verificación y acceder a la función, lo que dará como resultado verificar las casillas de verificación o aplicar el mismo método con"Botones"Para incluir dos botones por separado para verificar y desmarcar todos los valores especificados. Este artículo explicó los métodos para verificar y desmarcar todas las casillas de verificación utilizando JavaScript.