Funzioni di un jQuery Casella

November 5

Funzioni di un jQuery Casella


Utilizzando la libreria jQuery codice JavaScript, gli sviluppatori Web possono implementare funzioni interattive nelle pagine HTML. Queste funzioni possono eseguire su interazione con l'utente, rendendo i siti più dinamico e coinvolgente. Il codice jQuery per sé fornisce una gamma di funzioni per la manipolazione di elementi di casella di controllo. Quando un modulo pagina Web ha elementi di input casella di controllo in esso, gli sviluppatori possono utilizzare le funzioni standard di jQuery per selezionarli così come ottenere e impostare i valori degli attributi.

casella di selezione

La libreria jQuery utilizza una struttura standard per la selezione di elementi della pagina Web. Per selezionare tutti gli elementi casella di controllo di una pagina, gli script possono includere la seguente sintassi:

$ ( "Ingresso: casella di controllo")

Questo seleziona tutti gli elementi di input con casella di controllo come loro attributo type. La seguente sintassi abbreviata seleziona anche elementi con casella di controllo come l'attributo type:

$ ( ": Casella di controllo")

Il metodo più breve può essere meno efficiente in quanto seleziona tutti gli elementi, piuttosto che gli elementi appena input con l'attributo specificato. Utilizzando questa sintassi, gli script jQuery possono selezionare ogni elemento casella di controllo nella pagina, quindi applicare un'ulteriore elaborazione per gli elementi come necessario.

Selezione controllato

Se uno script pagina deve selezionare solo gli elementi di input casella di controllo che sono attualmente controllati, il selettore controllato può apparire all'interno di una funzione jQuery. Il codice seguente illustra la selezione di elementi di input controllato:

$ ( "Ingresso: selezionata")

Questo metodo seleziona tutti gli elementi di input che sono attualmente controllati. Questo include sia i pulsanti di opzione e caselle di controllo. Questa può essere una tecnica utile durante l'elaborazione di input dell'utente accede attraverso un modulo HTML. Se i dati vengono inviati a uno script lato server, ad esempio per essere memorizzato in un database, non c'è bisogno di recuperare altro che le caselle di controllo radio voci dei tasti l'utente ha verificato, come gli altri sono irrilevanti.

Get Attributi Casella di controllo

Utilizzando la funzione di attributo jQuery, gli script possono ottenere i valori di casella di attributi, tra cui l'attributo controllato. Il codice seguente illustra la selezione degli attributi controllato di elementi di input casella di controllo:

$. ( "Ingresso: casella di controllo") attr ( "controllata")

Questo codice restituisce true se la casella è selezionata, false se non lo è. Il metodo può recuperare il valore di qualsiasi attributo casella di controllo, come ad esempio ID e la classe. Lo script può utilizzare il valore per eseguire ulteriori elaborazioni come l'utente interagisce con la pagina.

Impostare gli attributi Casella di controllo

La funzione di attributo di jQuery può anche impostare valori degli attributi. In questo modo gli script per controllare dinamicamente caselle di controllo, così come impostare altri attributi, come quelli utilizzati per lo styling. Il codice seguente illustra impostare l'attributo controllato di ogni elemento di input casella di controllo su true:

$. ( "Ingresso: casella di controllo") attr ( "controllato", true)

Questo codice controlla ogni elemento casella di controllo nella pagina. Quando il metodo di attributo riceve un secondo parametro, imposta come valore dell'attributo dell'elemento specificato come primo parametro. Se riceve solo il primo parametro, restituisce il valore corrente di quell'attributo. Le pagine Web spesso implementano le funzioni di stile dinamico alterando i valori di ID elemento e gli attributi di classe.


Articoli Correlati