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/

Anúncios

Deixe um comentário

Arquivado em Browser, JavaScript/Afins, jQuery

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s