Seleccione todas las casillas de verificación en JavaScript-check-ALL. js

Vista prévia

Descripción

Check-ALL. js es un plugin de JavaScript puro para la funcionalidad "comprobar todo" que permite una casilla de verificación para seleccionar/anular la selección de todas las casillas de verificación de un grupo.

También admite la casilla de verificación indeterminada.

Funcionamiento

Descargue e importe el check-ALL. js.

<script type="module">

import checkAll from './dist/check-all.esm.js'
</script>

Agregue sus casillas de verificación junto con la casilla de verificación "comprobar todo" en un contenedor con el atributo ' Data-check-All-container '.

<div data-check-all-container>

<label><input type="checkbox" data-check-all> Check All</label>

<label><input type="checkbox" data-check-all-item> JavaScript </label>

<label><input type="checkbox" data-check-all-item> HTML5 </label>

<label><input type="checkbox" data-check-all-item> CSS3 </label>

<label><input type="checkbox" data-check-all-item> jQuery </label>
</div>

También puede crear un contador que muestre el número de casillas de verificación que se ha seleccionado.

<div data-check-all-container>

Count: <span data-check-all-count>0</span>

<label><input type="checkbox" data-check-all> Check All</label>

<label><input type="checkbox" data-check-all-item> JavaScript </label>

<label><input type="checkbox" data-check-all-item> HTML5 </label>

<label><input type="checkbox" data-check-all-item> CSS3 </label>

<label><input type="checkbox" data-check-all-item> jQuery </label>
</div>

Active la funcionalidad "comprobar todo".

checkAll(document.querySelector('[data-check-all-container]'))