În lecție vom crea astfel de casete de bifare: Faceți clic pe mine!
De obicei, atunci când creați formulare pentru casetele de selectare și elementele radiobutton, sunt create și etichete. Etichetele ușurează extragerea câmpurilor de selectare și a butoanelor radio necesare. Uită-te la tine.
rezultat:
Eu fără o etichetă.
Și eu sunt cu o etichetă. Faceți clic pe mine.
După cum puteți vedea, dând clic pe comanda rapidă subliniază caseta de selectare corespunzătoare.
Luați două imagini: UnCheck.png Check.png
Acum, cu ajutorul comenzii rapide, vom face acest truc: în primul rând, să facem o căptușeală în partea stângă a acesteia cu mărimea acestei imagini. Apoi vom pune această imagine ca fundal și vom interzice repetarea imaginii. În consecință, acesta va fi desenat pe o perioadă nedeterminată o singură dată și sub textul etichetei nu va apărea.
Rezultatul aplicării stilurilor:
Faceți clic pe mine!
După cum puteți vedea, imaginea de care avem nevoie este adăugată. Dar nu se schimbă. Asta am corectat acum. Adăugați o nouă clasă de stil care va descrie caseta bifată.
Și conectați un mic cod la jQuery