Customizar radio buttons e checkbox
Posted by Administrator in JavaScript on 04 9th, 2009 | 3 responses
Hoje trazemos um recurso de javascript que pode ser bastante útil na customização de formulários web. Ontem precisei fazer un radio button customizado, fui fazer uma pesquisa pela net em busca de algum script que me pode-se ajudar! Encontrei exactamente aquilo que queria, um script em javascript que altera o radio button (ou checkbox).
A sua utilização é bastante simples.
No header incluam os ficheiros crir.css e crir.js
<link href=”crir.css” rel=”stylesheet” type=”text/css” />
<script language=”JavaScript” type=”text/javascript” src=”crir.js”></script>
<script language=”JavaScript” type=”text/javascript” src=”crir.js”></script>
Para utilizarem os radio button ou checkbox customizados, usem o código da seguinte forma:
<label for=”radio”>Exemplo Radio</label>
<input id=”radio” class=”crirHiddenJS” name=”radio_group” type=”radio” value=”true” />
<input id=”radio” class=”crirHiddenJS” name=”radio_group” type=”radio” value=”true” />
As imagens podem ser fácilmente alteradas, ficando assim os elementos visuais ao vosso gosto.
Digam-nos o que acharam deste post e se irá ser útil para os vossos sites e projectos.
Não percebi lá muito bem este post
Reportar este comentário!
@Madeira
Este post ajuda a ter radio buttons e checkbox personalizadas. No exemplo (em Veja Demo) podes ver diferença entre radio buttons normais e as personalizadas pelo script.
Se quiseres utilizar ou saber mais sobre isto, adiciona.me no msn.
andrade_francisco at hotmail dot com
Reportar este comentário!
ok
Reportar este comentário!