19th Ave New York, NY 95822, USA
+1 916-875-2235
+1 916-875-2235

Hacer check a varios input con jQuery

Esta es una sencilla manera de hacer check en varios inputs de golpe, realizando una sola acción.

Desde un checkbox

Nuestro html:

	 Check todos

Item 1 Item 2 Item 3

 

Nuestro javascript:

	jQuery( document ).ready(function() {
	jQuery("#todos").click(function () {
	jQuery('input:checkbox').not(this).prop('checked', this.checked);
});
});

Resultado:

Check todos


Item 1
Item 2
Item 3

Desde un span

Nuestro html:

	Check / Uncheck
	 Item 1
	 Item 2
	 Item 3

 

Nuestro javascript:

	jQuery( document ).ready(function() {
	jQuery("#todos2").click(function () {
	var items = $("input:checkbox");
	items.prop("checked", !items.prop("checked"));

});
});
});

Resultado:

Check / Uncheck
Item 1
Item 2
Item 3

Contenidos relacionados