FontAwesome og checkbox

[Fylling]

Hei!

 

I det siste har jeg blitt opptatt av å bruke ikoner med mine design. Jeg synes at de frisker opp alt, og noe jeg bruker nå heter FontAwesome.

FontAwesome er en skript der bokstavene er ikon, ganske enkelt. Og du bruker dette i html ved å legge til css arket for ikon funksjonen og gir en "i" tag en klasse som f.eks <i class="icon-home"></i> hvor du vil ha ikonet.

 

Men unasett, jeg prøver å bruke dette til en checkbox, men aner ikke hvordan

Den siste geniale ideen min var å bruke en link der klassen til i taggen ble forandret med JQuery når jeg trykte på den linken. Men det klarte jeg ikke.

Dette er hva jeg kom fram til:

 

JQuery,

<script type="text/javascript">
$(document).ready(function() {
// forkorter navnet
var $test = $('#checkbox-test');
//
$test.click(function () {
 if( $(this).is(':checked') ) {
  $(document.createElement('i.icon-beaker'));
 }
});
});
</script>

 

html,

<input type="checkbox" id="checkbox-test">TEST<br>

 

 

 

Takker for all framtidig hjelp!

 

Mvh

Fylling

 

Edit:

Beklager skrivefeil, det går ikke ann å redigere innlegget :O

[agm]

Bruk $('body').append() for å lage et element.

 

$('#box').click(function() {
$(this).is(':checked')
	? $('body').append('<i class="class1" />') // checked
	: $('.class1').remove(); // unchecked
});