Funksjoner av en jQuery Checkbox

Ved hjelp av jQuery Javascript-kode-biblioteket, kan webutviklere implementere interaktive funksjoner i HTML-sider. Disse funksjonene kan utføre på brukermedvirkning, noe som gjør nettsider mer dynamisk og engasjerende. JQuery koden selv gir en rekke funksjoner for å manipulere avmerkingsboksen elementer. Når en webside form har avmerkingsboksen inngangs elementer i det, kan utviklere bruke standard jQuery funksjoner for å velge dem, samt til og angivelse av attributtverdier.

Checkbox Selection

JQuery biblioteket bruker et standard rammeverk for å velge Web sideelementer. For å velge alle avkrysningsruten elementer på en side, kan skript inkluderer følgende syntaks:

$ ( "Input: boksen")

Dette velger alle inngangselementene med boksen som deres type attributt. Følgende stenografi syntaks velger også elementer med boksen som type attributt:

$ ( ": Boksen")

Jo kortere metoden kan være mindre effektiv som den velger alle elementene i stedet for bare inngangs elementer med den angitte attributtet. Ved hjelp av denne syntaksen, kan jQuery scripts velge alle avkrysnings element på siden, og deretter bruke videre behandling til de elementene som er nødvendig.

sjekket Selection

Hvis en side script må velge bare de avmerkingsboksen inndataelementer som for øyeblikket er sjekket, kan kontrolleres velgeren vises i en jQuery funksjon. Følgende kode viser velge sjekket inngangselementer:

$ ( "Input: merket")

Denne metoden merker all input elementer som i dag kontrolleres. Dette omfatter både avmerkingsboksene og radioknapper. Dette kan være en nyttig teknikk ved behandling av brukerundersøkelser inn gjennom et HTML-skjema. Hvis dataene blir sendt til en server side script, for eksempel for å bli lagret i en database, er det ikke nødvendig å hente noe annet enn avkrysningsboksen og valgknapp elementer brukeren har sjekket, som de andre er irrelevant.

Få avkrysnings attributter

Bruk av jQuery attributtet funksjonen, kan skript få verdiene av boksen attributter, inkludert sjekket attributtet. Følgende kode demonstrerer velge sjekket attributtene til boksen inngangselementer:

$. ( "Input: boksen") attr ( "merket")

Denne koden returnerer true hvis boksen er krysset av, falsk hvis den ikke er det. Metoden kan hente verdien av boksen attributt, for eksempel ID og klasse. Skriptet kan bruke verdien til å gjennomføre videre behandling som bruker samhandler med siden.

Sett avkrysnings attributter

JQuery attributtet funksjonen kan også sette attributtverdier. Dette gjør at skript for å sjekke dynamisk avmerkingsboksene samt sette andre attributter, slik som de som brukes for styling. Følgende kode demonstrerer sette sjekket egenskap av hver avkrysnings innspill element til stede:

$. ( "Input: boksen") attr ( "merket", true)

Denne koden sjekker hver boksen element på siden. Når attributtet fremgangsmåten mottar en andre parameter, den setter den som verdien av elementet attributt som er angitt som den første parameter. Hvis det bare mottar den første parameteren, returnerer den nåværende verdien av denne egenskapen. Nettsider ofte implementere dynamisk styling funksjoner ved å endre verdiene av element-ID og klasse attributter.