Alternativer til Radio Knapper i JQuery

JQuery er ikke et programmeringsspråk, men snarere en samling av metoder som gjør det lettere for Javascript programmerere til å fungere. Disse metodene tar vare på grunnleggende oppgaver, som å finne eller manipulere radiovelgerne, slik at du kan fokusere på å gjøre noe nytt og originalt med koden din. Når du bruker jQuery med en side som lar brukerne velge mellom ulike alternativer, kan du bruke radioknapper eller avkrysningsbokser.

Javascript GUI

Det grafiske brukergrensesnittet som Javascript-kode i jQuery metoder samhandle er faktisk ikke Javascript elementer. Som personlige hjemmeside skriptspråk, bruker Javascript-kode Hypertext Markup Language GUI-komponenter. Koden henter tall og tegnstrenger fra HTML-tekstfelt, finner valg fra HTML alternativknapper, og bruker HTML-tallet "Send" knappene for brukeren å indikere at de er ferdig med å fylle ut et skjema.

JQuery og GUI arrangementer

JQuery får dataene vil manipulere ved å hente verdien av disse HTML GUI-komponenter. Du kan enten vente til brukeren treffer på send-knappen forbundet med en form for jQuery kode for å begynne å vurdere verdien av ulike komponenter, for eksempel innholdet i tekstfelt eller boolsk variabel som sier at hvis en bestemt radioknappen er merket eller ikke sjekket, eller å ha Javascript sjekke verdiene av disse komponentene til bestemte tider. Dette kan enten være en tidsbestemt løkke der JQuery koden vil søke etter verdier hvert X sekund eller som svar til brukeren klikke musen.

HTML Selector Typer

Fordi JQuery, og Javascript-kode generelt, hente brukerundersøkelser data fra HTML GUI-komponentene, kan du bruke enten radioknapper eller avkrysningsbokser i din JQuery drevet sider. Men forskjellen mellom radioknapper og avmerkingsbokser er ikke helt estetisk. Grupper av radioknapper bare la brukerne velge ett av elementene i gruppen. Avmerkingsboksene, derimot, tillater brukeren å velge mer enn ett element i en gruppe.

Ved hjelp av avmerkingsboksene og alternativknapper

Koden for å bruke radioknapper eller avkrysningsbokser i JQuery er ikke signifikant forskjellig. Du bruker "input type = 'boksen'" i stedet for "input type = 'radio'" i HTML-komponentene på siden din. I jQuery kode som finner hvilke valg bruker valgt, den samme ": merket" søkeord som finner radioknapper som brukeren har valgt vil også returnere eventuelle avmerkingsbokser brukeren har valgt. Hvis du er ute etter noen forekomst av en avkrysnings, om brukeren har valgt det eller ikke, bruker du "type = boksen" eller ": boksen" i stedet for "type = radio" eller ": radio" betingelser.