Ir para conteúdo / Skip to content

prettyCheckboxes - Personalize os Checkboxes e radio buttons com jQuery

Postado em: 31 de julho de 2008 por Pedro Rogério
prettyCheckboxes - Personalize os Checkboxes e radio buttons com jQuery

Você por um acaso já tentou alterar a aparência de algum radio button e algum checkbox com CSS e viu que isso não é possível? Pois então, com jQuery essa tarefa é muito fácil utilizando o plugin prettyCheckboxes, basta você adicionar o jQuery e o próprio plugin em sua página da seguinte forma:


<script src="js/jquery.js" type="text/javascript" charset="utf-8">
<script src="js/prettyCheckboxes.js" type="text/javascript" charset="utf-8">

E para inicializar a função, basta fazer o seguinte:


<script type="text/javascript">
$(document).ready(function(){
	$('input[type=checkbox],input[type=radio]').prettyCheckboxes();
});
</script>

Agora, todo campo input do tipo checkbox e do tipo radio em sua página será personalizado com jQuery através do plugin prettyCheckboxes. As imagens dos mesmos podem ser customizadas por CSS a partir de agora. Dúvidas em sua implementação, visite o site do desenvolvedor.

Isso pode lhe interessar:

Deixe seu comentário

2 comentários para esse post

  1. Helder Santana disse:
    #1

    Uma boa solução.

  2. Tiago Celestino disse:
    #2

    Vai servir agora para meus projetos.

Deixe seu comentário