jQuery - zmena CSS labelov

mjz · Príspevok od používateľa **mjz** » 24 apr 2013, 11:03

Mám kód s množstvom inputov a labelov.

<input id="jeden" type="checkbox" /><img src="TuMamEsteObrazok" /><label for="jeden">Jeden</label>
<input id="dva" type="checkbox" /><img src="TuMamEsteObrazok" /><label for="dva">Dva</label>
<input id="tri" type="checkbox" /><img src="TuMamEsteObrazok" /><label for="tri">Tri</label>

A potrebujem jQuery ktoré zmení CSS (zmeniť farbu písma) pre label ak je jeho checkbox zaškrnutý a naopak nech sa zmení do pôvodnej podoby ak sa odškrtne.
Vedel by som si to aj spraviť ale pre každý checkbox osobitne a tomu sa chcem vyhnúť. Potrebujem nejaký univerzálny script. Ďakujem za každú radu.

*****HERO*****

Kód: Vybrať všetko

$(':checkbox').change(function(){
     $('label[for="' + $(this).attr('id') + '"]').toggleClass('active', this.checked);
});

toto pridaj do document onready, nastavi ti to classu "active" prisluchajucemu labelu ked je checkbox checknuty, dostyluj si to uz normalne cez CSSko

mjz · Príspevok od používateľa **mjz** » 24 apr 2013, 11:27

Výborne len mám tam ešte button s týmto jquery kódom

Kód: Vybrať všetko

$('#uncheckall').click(function () {
            $(":checkbox").prop("checked", false);
 });

ktorý mi odznačí všetky checkboxy, ale to CSS ktoré mi zmení tú farbu labelu ostane. Čo mám pridať do toho scriptu aby to odstránilo aj ten class .active?

EDIT:
A ešte tam mám button ktorý mi označí všetky checkboxy

Kód: Vybrať všetko

 $('#checkall').click(function () {
            $(":checkbox").prop("checked", true);
 });

tu by som zasa chcel aby mi to pridalo triedu .active do každého labelu

*****HERO*****

musis manualne odpalit ten event .. po metode prop zavolaj este change()

Kód: Vybrať všetko

$(":checkbox").prop("checked", true).change();

jQuery - zmena CSS labelov

jQuery - zmena CSS labelov

Re: jQuery - zmena CSS labelov

Re: jQuery - zmena CSS labelov

Re: jQuery - zmena CSS labelov