jQuery Succinctly HTML Forms & jQuery

Deaktiver / Aktiver formelementer

Ved hjelp av jQuery kan du enkelt deaktivere formelementer ved å sette inn deaktivert attributtverdien av et skjemelement til deaktivert. For å gjøre dette velger vi bare en inngang, og bruker deretter attr () metode, setter vi deaktiverte attributten til inngangen til en verdi av deaktivert.

For å aktivere et deaktivert formelement, fjerner vi bare deaktivert attributten ved hjelp av removeAttr () eller sett inn deaktivert attributtverdien for å være tom ved hjelp av attr ().

Slik bestemmer du om et skjemaelement er deaktivert eller aktivert

Bruk jQuery-formularfilteruttrykkene :funksjonshemmet eller : aktivert, Det er ganske enkelt å velge og bestemme (boolsk verdi) hvis et skjemaelement er deaktivert eller aktivert. Undersøk koden nedenfor for avklaring.

Velge / rydde en enkelt boks eller radioknapp

Du kan velge en radioknappinngang eller avkrysningsboks ved å angi dens sjekket tilskrive ekte bruker attr ().

For å fjerne en inntasting eller avkrysning av en radioknapp, fjern bare det merkede attributtet ved hjelp av removeAttr () metode eller angi sjekket Tilordne verdien til en tom streng.

Velge / rydde flere boksene eller radio knappinnganger

Du kan bruke jQuery's val () på flere avkrysningsboksinnganger eller på radioknappinnganger for å angi inngangene som skal kontrolleres. Dette gjøres ved å passere val () Metode en matrise som inneholder en streng som faller sammen med avmerkingsboksen input eller radio knappen input verdi attributt.

Merknader: Hvis avkrysningsboksen eller radioknappen allerede er valgt, bruker du val () vil ikke fjerne inngangselementet.

Bestemme om en boks eller radioknapp er valgt eller fjernet

Vi kan avgjøre om en avkrysningsboksinngang eller radioknappinngang er valgt eller fjernet ved å bruke :sjekket form filter. Undersøk koden under for flere bruksområder av :sjekket filter.

Hvordan bestemme om et skjemaelement er skjult

Du kan avgjøre om et skjemelement er skjult ved hjelp av : skjult form filter. Undersøk koden under for flere bruksområder av :sjekket filter.

Stille inn / få verdien av et inngangselement

De val () Metode kan brukes til å angi og få attributtverdien til et inputelement (knapp, kryssrute, skjult, bilde, passord, radio, tilbakestille, sende inn, tekst). Nedenfor angir jeg verdien for hver inngang i val () og deretter varsle verdien ved hjelp av val () metode.

Stille inn / Få det valgte alternativet til et valgt element

Bruker val () metode, kan du angi den valgte verdien av a element, bruk val () metode igjen for å bestemme hvilket alternativ som er valgt. De val () Metoden i dette scenariet vil returnere det valgte alternativets attributtverdi.

Sette inn / Få valgt Valg av et flervalgselement

Bruker val () Metode vi kan sette de valgte verdiene til et flervalgselement ved å passere val () Metode en matrise som inneholder de tilsvarende verdiene.

For å få de valgte alternativene i et flervalgselement bruker vi igjen val () metode for å hente en rekke valgmuligheter som er valgt. Oppsettet vil inneholde verdiattributtene til de valgte alternativene.

Innstilling / innhenting av tekst inneholdt a </h2> <p>Du kan angi innholdet på tekstknutepunktet i a <code><textarea></code> element ved å passere <code>val ()</code> Metode en tekststreng som skal brukes som tekst. For å få verdien av a <code><textarea></code> element, vi bruker igjen <code>val ()</code> metode for å hente teksten inneholdt i.</p> <pre> <!DOCTYPE html> <html lang="en"> <body> <textarea>

Angi / Få verdien av et knappelement

Du kan angi verdiattributtet til et knappelement ved å passere val () Metode en tekststreng. For å få verdien av et knappelement, bruk val () Metode igjen for å hente teksten.

Redigering Velg elementer

jQuery gjør noen av de vanlige oppgavene knyttet til redigering av utvalgte elementer trivielt. Nedenfor er noen av oppgavene med kodede eksempler.

 // Legg til alternativer til et valgelement på slutten $ ('velg'). Legg til (''); // Legg til alternativer til starten av et valgelement $ ('velg'). Prepend (''); // Erstatt alle alternativene med nye alternativer $ ('velg'). Html (''); // Erstatt elementer på en bestemt indeks ved hjelp av: eq () velg filter til // velg elementet, og erstatt det deretter med metoden .replaceWith () $ ('velg alternativ: eq (1)'). ReplaceWith (''); // Angi valgelementene som er valgt for å indeksere 2 $ ('velg alternativ: eq (2)'). Attr ('valgt', 'valgt'); // Fjern det siste alternativet fra et valgelement $ ('velg alternativ: siste'). Fjern (); // Velg et alternativ fra et velg element via sin // ordre i innpakningssettet ved hjelp av egendefinerte filtre $ ('# velg alternativ: først'); $ ('# velg alternativ: siste'); $ ('# velg alternativ: eq (3)'); $ ('# velg alternativ: gt (5)'); $ ('# velg alternativ: lt (3)'); $ ('# velg alternativ: ikke (: valgt)'); // Få teksten til det valgte alternativet, dette vil returnere teksten til // alle valgene som er valgt når du arbeider med et flervalgselement $ ('velg alternativ: valgt'). Tekst (); // Få verdien verdien attributt verdi av et alternativ i et velg element $ ('velg alternativ: siste'). Val (); // Få det: siste alternativelementet // Hent indeksen (0 indeksen) for det valgte alternativet. // Merk: Fungerer ikke med flere valgelementer. $ ('velg alternativ'). indeks ($ ('velg alternativ: valgt')); // Sett inn et alternativ etter en bestemt posisjon $ ('velg alternativ: eq (1)'). Etter (''); // Sett inn et alternativ før en bestemt posisjon $ ('velg alternativ: eq (3)'). Før ('');

Velge formelementer etter type

Det er mulig å velge formelementer etter deres type-f.eks. $ ( 'Inngang: boksen'). jQuery gir følgende filtype filtre for å velge formelementer etter deres type.

:tekst
:passord
:radio
: boksen
:sende inn
:bilde
:tilbakestille
:fil
:knapp

Velger alle formelementer

Du kan velge alle formelementer ved å bruke : inngang form filter. Dette filteret vil velge mer enn bare inputelementer, det vil velge noen </code>, <code><select></code>, eller <code><button></code> elementer også. I det kodede eksempelet nedenfor, legg merke til lengden på pakkesettet når du bruker <code>: inngang</code> filter.</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>Alternativ</option> </select> <textarea>





Kode





	
        
		jQuery Succinctly jQuery og Ajax
			
				
			
        				
			
	
        
		jQuery Succinctly Events & jQuery
			
			
					
        
	




	
			
					
							Deutsch					
							Français
							Nederlands
							Norsk
							Svenska
							Italiano
							Español
							Românesc
					
				
				
			no.accentsconagua.com
			
				Interessant informasjon og nyttige tips om programmering. Nettstedutvikling, webdesign og webutvikling. Photoshop opplæringsprogrammer. Opprettelse av dataspill og mobile applikasjoner. Bli en profesjonell programmerer fra grunnen av.
			
	



	

	
			
							×