Come usare le immagini come pulsanti radio in JQuery

September 16

JQuery include un'immagine predefinita per i pulsanti radio quando li si visualizzano ai tuoi lettori. JQuery ti dà anche la possibilità di impostare manualmente l'immagine, in modo da poter personalizzare il layout e l'aspetto delle vostre pagine web. Usare CSS con la funzione di visualizzazione pulsante jQuery per personalizzare l'immagine visibile.

istruzione

1 Fare clic destro sul file HTML jQuery o che contiene il codice che stampa i pulsanti di opzione. Fai clic su "Apri con" e selezionare l'editor nel menu pop-up.

2 Aggiungere la classe CSS che definisce l'immagine che si desidera utilizzare. La seguente classe pulsante utilizza l'immagine "button.jpg":

.Radio {

background: url("button.jpg");
background-repeat:no-repeat;
cursor: default;

}

3 Visualizzare il pulsante di scelta. La seguente funzione jQuery viene visualizzato il pulsante di scelta utilizzando l'immagine personalizzata:

$ (Document) .ready (function () {

$(".radio").dgStyle();

});