Accentsconagua

jQuery Succinctly HTML Forms & jQuery

Koda
Share

Inaktivera / aktivera formulärelement

Med jQuery kan du enkelt inaktivera formulärelement genom att ställa in det inaktiverade attributvärdet för ett formelement till inaktiverat. För att göra detta väljer vi helt enkelt en inmatning och använder sedan attr () metod ställer vi in ​​funktionen av inmatningen till inaktiverat värde.

För att aktivera ett inaktiverat formulär, tar vi helt enkelt bort funktionshindrade attributet med removeAttr () eller ställ in det inaktiverade attributvärdet för att vara tomt med attr ().

Så här bestämmer du om ett formulärelement är inaktiverat eller aktiverat

Använda jQuery-formulärfilteruttryck :Inaktiverad eller :aktiverad, Det är ganska lätt att välja och bestämma (booleskt värde) om ett formelement är inaktiverat eller aktiverat. Undersök koden nedan för att förtydliga.

Välja / rensa en enkel checkbox eller radioknapp

Du kan välja en radknappsinmatning eller kryssrutan genom att ställa in den kontrollerade tillskriva Sann använda attr ().

Om du vill radera en radknappsinmatning eller kryssruta, tar du helt enkelt bort det markerade attributet med removeAttr () metod eller sätt in kontrollerade ange värdet till en tom sträng.

Välja / rensa flera kryssrutor eller radioknappingångar

Du kan använda jQuery s val () på flera inmatningsfack eller ingångar för radion för att ställa in ingångarna för att markeras. Detta görs genom att passera val () Metod en matris som innehåller en sträng som sammanfaller med attributet för kryssrutan Inmatning eller Knappen Inmatningsvärde.

Anmärkningar: Om kryssrutan eller alternativknappen redan är vald använder du val () kommer inte att rensa inmatningselementet.

Bestämma om en kryssruta eller radioknapp väljs eller rensas

Vi kan avgöra om en inmatning av kryssrutan eller radionången är vald eller raderad med hjälp av :kontrollerade form filter. Undersök koden nedan för flera användningar av :kontrollerade filtrera.

Så här bestämmer du om ett formulärelement är dolt

Du kan bestämma om ett formulärelement är dolt med hjälp av :dold form filter. Undersök koden nedan för flera användningar av :kontrollerade filtrera.

Ställa in / värdera ett inmatningselement

De val () Metoden kan användas för att ange och få attributvärdet för ett inmatningselement (knapp, kryssruta, dold bild, lösenord, radion, återställ, inlämning, text). Nedan ställer jag in värdet för varje inmatning i val () och varna sedan värdet med hjälp av val () metod.

Ställa in / Hämta det valda alternativet för ett valt element

Använda val () metod kan du ange det valda värdet av a element, använd val () metod igen för att bestämma vilket alternativ som är valt. De val () Metoden i detta scenario kommer att returnera det valda alternativets attributvärde.

Ställa in / Hämta valda alternativ för ett flervalselement

Använda val () metod kan vi ställa in de valda värdena för ett flervalselement genom att skicka val () Metod en array som innehåller motsvarande värden.

För att få de valda alternativen i ett flervalselement använder vi igen val () metod för att hämta en rad av de alternativ som valts. Arrayen kommer att innehålla värdeattributen för de valda alternativen.

Inställning / Hämta text Inom en

Ställa in / Få värdet Attribut för ett knappelement

Du kan ställa in värdeattributet för ett knappelement genom att passera val () Metod en textsträng. För att få värdet på ett knappelement, använd val () Metod igen för att hämta texten.

Redigering Välj element

jQuery gör några av de vanliga uppgifterna för att redigera valda element triviala. Nedan följer några av de uppgifterna med kodade exempel.

 // Lägg till alternativ till ett väljelement i slutet $ ('välj'). Append (''); // Lägg till alternativ till början av ett väljelement $ ('välj'). Prepend (''); // Byt ut alla alternativ med nya alternativ $ ('välj'). Html (''); // Byt ut objekt på ett visst index med: eq () välj filter till // välj elementet och ersätt sedan med metre.replaceWith () $ ('välj alternativ: eq (1)') ersätt med'); // Ange valda elementets valda alternativ till index 2 $ ('välj alternativ: eq (2)'). Attr ('valda', 'valda'); // Ta bort det sista alternativet från ett väljelement $ ('välj alternativ: sista'). Ta bort (); // Välj ett alternativ från ett väljelement via sin // order i wrappsatsen med egna filter $ ('# välj alternativ: först'); $ ('# välj alternativ: sista'); $ ('# välj alternativ: eq (3)'); $ ('# välj alternativ: gt (5)'); $ ('# välj alternativ: lt (3)'); $ ('# välj alternativ: inte (: valda)'); // Hämta texten för det valda alternativet, det här kommer att returnera texten till // alla alternativ som valts vid hantering av ett flervalselement $ ('välj alternativ: valda'). Text (); // Hämta värdet attributvärdet för ett alternativ i ett väljelement $ ('välj alternativ: sista'). Val (); // Hämta: sista alternativet elementet // Hämta indexet (0 index) för det valda alternativet. // Obs! Fungerar inte med flera valda element. $ ('välj alternativ') index ($ ('välj alternativ: valt')); // Sätt ett alternativ efter ett visst läge $ ('välj alternativ: eq (1)'). Efter (''); // Infoga ett alternativ före ett visst läge $ ('välj alternativ: eq (3)'). Före ('');

Val av formulärelement efter typ

Det är möjligt att välja formelement enligt deras typ-t ex. $ (Input: kryssrutan). jQuery tillhandahåller följande formtypsfiltre för att välja formulärelement enligt deras typ.

  • :text
  • :Lösenord
  • :radio
  • : checkbox
  • :lämna
  • :bild
  • :återställa
  • :fil
  • :knapp

Väljer alla formulärelement

Du kan välja alla formelement med hjälp av :inmatning form filter. Detta filter väljer mer än bara inmatningselement, det kommer att välja något

Koda
×