prettyCheckboxes – Personalize os Checkboxes e radio buttons com jQuery

Postado por: Pedro Rogério em
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.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

Central Server

3 Responses to “prettyCheckboxes – Personalize os Checkboxes e radio buttons com jQuery”

  1. Vai servir agora para meus projetos.

  2. Massa geral!!!
    Mas deu um probleminha no IE 7, ficou subindo ao clickar na checkbox.
    Flw!!!

Leave a Reply