Accentsconagua

jQuery in modo succinto HTML Forms e jQuery

Codice
Share

Disabilita / Abilita elementi modulo

Usando jQuery, puoi disabilitare facilmente gli elementi del modulo impostando il valore dell'attributo disabilitato di un elemento del modulo su disabilitato. Per fare ciò, selezioniamo semplicemente un input e poi usiamo il attr () metodo, impostiamo l'attributo disabilitato dell'input su un valore di disabled.

Per abilitare un elemento modulo disabilitato, rimuoviamo semplicemente l'attributo disabilitato usando removeAttr () o imposta il valore dell'attributo disabilitato per essere vuoto usando attr ().

Come determinare se un elemento del modulo è disabilitato o abilitato

Utilizzo delle espressioni del filtro del modulo jQuery :Disabilitato o :abilitato, è piuttosto facile selezionare e determinare (valore booleano) se un elemento del modulo è disabilitato o abilitato. Esaminare il seguente codice per chiarimenti.

Selezione / cancellazione di una singola casella di controllo o pulsante di opzione

È possibile selezionare un ingresso pulsante radio o una casella di controllo impostando il relativo verificato attribuire a vero usando il attr ().

Per cancellare un input di pulsante di opzione o una casella di controllo, è sufficiente rimuovere l'attributo verificato usando il removeAttr () metodo o impostare il verificato attributo valore a una stringa vuota.

Selezione / cancellazione di più caselle di controllo o ingressi di pulsanti radio

Puoi usare jQuery val () su più ingressi casella di controllo o ingressi pulsante radio per impostare gli ingressi su controllato. Questo viene fatto passando il val () metodo un array contenente una stringa che coincide con l'attributo input della casella di controllo o l'attributo del valore di ingresso del pulsante di opzione.

Gli appunti: Se la casella di controllo o il pulsante di opzione è già selezionato, utilizzare val () non cancellerà l'elemento di input.

Determinare se una casella di controllo o un pulsante di opzione è selezionata o deselezionata

Possiamo determinare se un ingresso di casella di controllo o un ingresso di pulsante radio è selezionato o cancellato usando il : selezionata filtro di forma. Esaminare il codice qui sotto per diversi usi del : selezionata filtro.

Come determinare se un elemento del modulo è nascosto

Puoi determinare se un elemento del modulo è nascosto usando il :nascosto filtro di forma. Esaminare il codice qui sotto per diversi usi del : selezionata filtro.

Impostazione / Ottenere il valore di un elemento di input

Il val () il metodo può essere utilizzato per impostare e ottenere il valore dell'attributo di un elemento di input (pulsante, casella di controllo, nascosto, immagine, password, radio, ripristino, invio, testo). Sotto, imposto il valore per ogni input in val () e quindi avvisare il valore usando il val () metodo.

Impostazione / Ottenere l'opzione selezionata di un elemento Seleziona

Usando il val () metodo, è possibile impostare il valore selezionato di a elemento, usa il val () di nuovo il metodo per determinare quale opzione è selezionata. Il val () il metodo in questo scenario restituirà il valore dell'attributo dell'opzione selezionata.

Impostazione / acquisizione delle opzioni selezionate di un elemento di selezione multipla

Usando il val () metodo possiamo impostare i valori selezionati di un elemento multi-selezione passando il val () metodo un array contenente i valori corrispondenti.

Per ottenere le opzioni selezionate in un elemento a selezione multipla, utilizziamo nuovamente il comando val () metodo per recuperare una matrice delle opzioni selezionate. La matrice conterrà gli attributi di valore delle opzioni selezionate.

Impostazione / recupero del testo all'interno di a

Impostazione / Ottenere l'attributo del valore di un elemento del pulsante

È possibile impostare l'attributo value di un elemento del pulsante passando il val () metodo una stringa di testo. Per ottenere il valore di un elemento del pulsante, utilizzare il val () metodo di nuovo per recuperare il testo.

Modifica di elementi di selezione

jQuery rende alcune delle attività comuni associate alla modifica di elementi di selezione banali. Di seguito sono riportati alcuni di questi compiti con esempi codificati.

 // Aggiungi opzioni a un elemento select alla fine $ ('select'). Append (''); // Aggiungi opzioni all'inizio di un elemento select $ ('select'). Antepida (''); // Sostituisci tutte le opzioni con nuove opzioni $ ('seleziona'). Html (''); // Sostituisci gli elementi in un determinato indice usando il: eq () selezionando il filtro per // seleziona l'elemento, quindi sostituiscilo con il metodo .replaceWith () $ ('seleziona l'opzione: eq (1)'). ReplaceWith (''); // Imposta l'opzione selezionata degli elementi di selezione per l'indice 2 $ ('seleziona l'opzione: eq (2)'). Attr ('selezionato', 'selezionato'); // Rimuovi l'ultima opzione da un elemento select $ ('seleziona l'opzione: last'). Remove (); // Seleziona un'opzione da un elemento select tramite il suo // ordine nel wrapper set usando i filtri personalizzati $ ('# seleziona l'opzione: first'); $ ('# seleziona l'opzione: last'); $ ('# seleziona l'opzione: eq (3)'); $ ('# seleziona l'opzione: gt (5)'); $ ('# seleziona l'opzione: lt (3)'); $ ('Opzione di selezione #: non (: selezionata)'); // Ottieni il testo delle opzioni selezionate, questo restituirà il testo di // tutte le opzioni che sono selezionate quando si ha a che fare con un elemento di selezione multipla $ ('seleziona l'opzione: selezionata'). Text (); // Ottieni il valore dell'attributo value di un'opzione in un elemento select $ ('select option: last'). Val (); // Ottenere l'ultimo elemento opzione // Ottieni l'indice (0 indice) dell'opzione selezionata. // Nota: non funziona con elementi di selezione multipla. $ ('seleziona l'opzione'). index ($ ('seleziona l'opzione: selezionata')); // Inserisce un'opzione dopo una particolare posizione $ ('seleziona l'opzione: eq (1)'). Dopo (''); // Inserisci un'opzione prima di una determinata posizione $ ('seleziona l'opzione: eq (3)'). Prima ('');

Selezione degli elementi del modulo per tipo

È possibile selezionare gli elementi del modulo in base al loro tipo, ad es. $ ( 'Ingresso: casella di controllo'). jQuery fornisce i seguenti filtri del tipo di modulo per la selezione degli elementi del modulo in base al loro tipo.

  • :testo
  • :parola d'ordine
  • :Radio
  • : casella di controllo
  • :Sottoscrivi
  • :Immagine
  • :reset
  • :file
  • :pulsante

Selezione di tutti gli elementi del modulo

Puoi selezionare tutti gli elementi del modulo usando il :ingresso filtro di forma. Questo filtro selezionerà più di semplici elementi di input, ne selezionerà uno

Codice
×