JavaScript – exemplo – jQuery check all boxes

Função JavaScript (jQuery) que faz check e uncheck de todos os campos checkbox da página.

Importante: não esqueça de fazer o include do jquery na página.

<!-- import maroto direto do site do jquery. recomendo FORTEMENTE vc baixar e usar localmente -->
<script language="javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

A função:

/**
* Js Função JavaScript que faz check e uncheck de todos os campos checkbox da página.
*/
function checkedOrUnCheckedAll(field) {				
	if (field.checked){//se o checkbox estiver checkado eh true
		//"input[type=checkbox]" eh o seletor do jquery, diz pro jquery procurar campos de input aonde o type eh checkbox
		$("input[type=checkbox]").attr('checked', true);//marca all check
	}else {
		$("input[type=checkbox]").attr('checked', false);//desmarca all check
	}
}

Forma de uso:

<input type="checkbox" name="allCB" onclick="checkedOrUnCheckedAll(this);" /> <b>marca/desmarca Todos</b>

Exemplo rodando na web:
http://ricardospinoza.xpg.com.br/exemplos/exemploCheckBoxAll.html

Referências:
http://iknowkungfoo.com/blog/index.cfm/2008/7/9/Check-All-Checkboxes-with-JQuery

site Oficial do jQuery http://jquery.com/