jQuery Succinct Formulare HTML & jQuery

Dezactivați / activați elementele formularului

Folosind jQuery, puteți dezactiva cu ușurință elementele de formă prin setarea valorii atributului dezactivat al unui element de formă la dezactivat. Pentru a face acest lucru, pur și simplu selectăm o intrare și apoi folosim attr () , am setat atributul dezactivat al intrării la o valoare de dezactivată.

Pentru a activa un element de formă dezactivat, pur și simplu eliminăm atributul dezactivat utilizând removeAttr () sau setați valoarea de atribut dezactivată să fie goală utilizând attr ().

Cum să determinați dacă un element de formular este dezactivat sau activat

Folosind expresiile filtru de tip jQuery : dezactivat sau :activat, este destul de ușor să selectați și să determinați (valoare booleană) dacă un element de formă este dezactivat sau activat. Examinați codul de mai jos pentru clarificare.

Selectarea / Ștergerea unei casete unice sau a butonului radio

Puteți selecta o intrare radio sau o casetă de selectare prin setarea acesteia verificat atribuit lui Adevărat folosind attr ().

Pentru a șterge o intrare radio sau o casetă de selectare, eliminați pur și simplu atributul verificat folosind removeAttr () sau setați verificat valoarea atributului unui șir gol.

Selectarea / ștergerea mai multor casete de control sau intrări ale butoanelor radio

Puteți folosi jQuery val () pe mai multe intrări din caseta de selectare sau pe intrările pe butoane radio pentru a seta intrările pentru a fi verificate. Acest lucru se face prin trecerea val () metodă o matrice care conține un șir care coincide cu atributul de intrare din caseta de selectare sau atributul de valoare de intrare pe butonul radio.

Note: Dacă caseta de selectare sau butonul radio este deja selectată, utilizați val () nu va șterge elementul de intrare.

Determinarea dacă o casetă de selectare sau un buton radio este selectat sau șters

Putem determina dacă o intrare a căsuței de control sau o intrare cu butonul radio este selectată sau șterse folosind : verificat filtru de formate. Examinați codul de mai jos pentru mai multe utilizări ale : verificat filtru.

Cum să determinați dacă un element de formă este ascuns

Puteți determina dacă un element de formă este ascuns utilizând :ascuns filtru de formate. Examinați codul de mai jos pentru mai multe utilizări ale : verificat filtru.

Setarea / obținerea valorii unui element de intrare

val () metoda poate fi folosită pentru a seta și a obține valoarea atributului unui element de intrare (buton, casetă de selectare, ascunsă, imagine, parolă, radio, resetare, trimitere, text). Mai jos, am setat valoarea pentru fiecare intrare în val () și apoi alertați valoarea folosind val () metodă.

Setarea / obținerea opțiunii selectate a unui element selectat

Utilizarea val () , puteți seta valoarea selectată a element, utilizați val () din nou, pentru a determina ce opțiune este selectată. val () metoda în acest scenariu va returna valoarea atributului selectat.

Setarea / Obținerea opțiunilor selectate ale unui element selectat multiplu

Utilizarea val () metodă putem seta valorile selectate ale unui element multi-selectând trecând val () o matrice care conține valorile corespunzătoare.

Pentru a obține opțiunile selectate într-un element cu mai multe selecții, vom folosi din nou val () pentru a recupera o serie de opțiuni selectate. Matricea va conține atributele de valoare ale opțiunilor selectate.

Setarea / Obținerea de text conținut într - un </h2> <p>Puteți seta conținutul nodului de text al unui a <code><textarea></code> element prin trecerea lui <code>val ()</code> metoda un șir de text pentru a fi folosit ca text. Pentru a obține valoarea a <code><textarea></code> element, vom folosi din nou <code>val ()</code> pentru a prelua textul conținut în.</p> <pre> <!DOCTYPE html> <html lang="en"> <body> <textarea>

Setarea / Obținerea atributului de valoare a unui element de buton

Puteți seta atributul value al unui element de buton prin trecerea lui val () metoda unui șir de text. Pentru a obține valoarea unui element de buton, utilizați val () din nou pentru a prelua textul.

Editarea elementelor selectate

jQuery face unele dintre sarcinile comune asociate cu editarea elementelor selectate trivială. Mai jos sunt câteva dintre acele sarcini cu exemple codificate.

 // Adauga optiuni la un element selectat la sfarsitul $ ('select') append ('„); // Adaugă opțiuni la începutul unui element select $ ('select') prepend ('„); // Înlocuiți toate opțiunile cu opțiunile noi $ ('select') html ('„); // Inlocuiti obiectele la un anumit index folosind: eq () selectarea filtrului pentru a selecta elementul si apoi sa il inlocuiti cu metoda .replaceWith ($) (selectare optiune: eq (1)) replaceWith ('„); // Setați opțiunea selectată a elementelor selectate pentru a indexa 2 $ ('selectare opțiune: eq (2)') attr ('selectat', 'selectat'); // Eliminați ultima opțiune dintr-un element de selectare $ ('selectare opțiune: ultim') remove (); // Selectați o opțiune dintr-un element select prin intermediul // // în setul de înfășurare utilizând filtre personalizate $ ('# select option: first'); $ ('# opțiune selectare: ultimul'); $ ('opțiune selectare: eq (3)'); $ ('# select opțiune: gt (5)'); $ ('# selectare opțiune: lt (3)'); $ ('# opțiune selectare: nu (: selectată)'); // Obțineți textul opțiunilor selectate, aceasta va returna textul // tuturor opțiunilor selectate atunci când se ocupă cu un element de selecție multiplă $ ('selectare opțiune: selectat'). // Obține valoarea valorii atributului unei opțiuni într-un element select $ ('opțiune selectare: ultimul') val (); // Obținerea elementului: last option // Obține indexul (indicele 0) al opțiunii selectate. // Notă: Nu funcționează cu elemente cu mai multe selecții. $ ('selectează opțiunea'). index ($ ('selectare opțiune: selectat')); // Introduceți o opțiune după o anumită poziție $ ('selectați opțiunea: eq (1)') după ('„); // Introduceți o opțiune înainte de o anumită poziție $ ('selectați opțiunea: eq (3)') înainte de ('„);

Selectarea elementelor de formă după tip

Este posibil să selectați elementele de formă după tipul lor - de ex. $ ( 'Intrare: caseta de selectare'). jQuery oferă următoarele filtre de tip de formă pentru selectarea elementelor de formă după tipul lor.

:text
:parola
:radio
:Caseta de bifat
:a depune
:imagine
: reset
:fişier
:buton

Selectarea tuturor elementelor de formular

Puteți selecta toate elementele de formă utilizând :intrare filtru de formate. Acest filtru va selecta mai mult decât elemente de intrare, va selecta orice </code>, <code><select></code>, sau <code><button></code> elemente, de asemenea. În exemplul codat de mai jos, luați notă de lungimea setului de înveliș atunci când utilizați <code>:intrare</code> filtru.</p> <pre> <!DOCTYPE html> <html lang="en"> <body> <input type="button" value="Input Button"> <input type="checkbox"> <input type="file"> <input type="hidden"> <input type="image"> <input type="password"> <input type="radio"> <input type="reset"> <input type="submit"> <input type="text"> <select> <option>Opțiune</option> </select> <textarea>

Cod





	
        
		jQuery Succinct jQuery și Ajax
			
				
			
        				
			
	
        
		jQuery Succinctly Evenimente și jQuery
			
			
					
        
	




	
			
					
							Deutsch					
							Français
							Nederlands
							Norsk
							Svenska
							Italiano
							Español
							Românesc
					
				
				
			ro.accentsconagua.com
			
				Informații interesante și sfaturi utile privind programarea. Dezvoltarea de site-uri, web design si dezvoltare web. Tutoriale Photoshop. Crearea de jocuri pe calculator și aplicații mobile. Deveniți un programator profesionist de la zero.
			
	



	

	
			
							×