jQuery
Casilla de verificación Seleccionar todo con la opción de marcar / desmarcar automáticamente otro cambio de casilla de verificación
Buscar..
Introducción
He usado varios ejemplos y respuestas de Stackoverflow para llegar a este ejemplo realmente simple sobre cómo administrar la casilla de verificación "seleccionar todos" junto con una casilla de verificación / deselección automática si alguno de los cambios en el estado de la casilla de verificación del grupo. Restricción: la identificación "seleccionar todo" debe coincidir con los nombres de entrada para crear el grupo seleccionar todo. En el ejemplo, la entrada seleccionar todo ID es cbGroup1. Los nombres de entrada también son cbGroup1
El código es muy corto, no muy abundante si el enunciado (consume tiempo y recursos).
2 seleccionar todas las casillas de verificación con las correspondientes casillas de verificación de grupo
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<p>
<input id="cbGroup1" type="checkbox">Select all
<input name="cbGroup1" type="checkbox" value="value1_1">Group1 value 1
<input name="cbGroup1" type="checkbox" value="value1_2">Group1 value 2
<input name="cbGroup1" type="checkbox" value="value1_3">Group1 value 3
</p>
<p>
<input id="cbGroup2" type="checkbox">Select all
<input name="cbGroup2" type="checkbox" value="value2_1">Group2 value 1
<input name="cbGroup2" type="checkbox" value="value2_2">Group2 value 2
<input name="cbGroup2" type="checkbox" value="value2_3">Group2 value 3
</p>
<script type="text/javascript" language="javascript">
$("input").change(function() {
$('input[name=\''+this.id+'\']').not(this).prop('checked', this.checked);
$('#'+this.name).prop('checked', $('input[name=\''+this.name+'\']').length === $('input[name=\''+this.name+'\']').filter(':checked').length);
});
</script>
Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow