Meny

Hvordan velge avkrysningsruten i selen med eksempler

  • Hoved
  • Annen
  • Hvordan velge avkrysningsruten i selen med eksempler

how select check box selenium with examples

Prøv Instrumentet Vårt For Å Eliminere Problemer

Denne opplæringen forklarer forskjellige metoder for å velge avkrysningsrute i selen med eksempler. Du vil også lære å velge flere avkrysningsruter og avkrysningsbokser i HTML:

Vi så hvordan Radioknapper håndteres i Selen i en av våre tidligere veiledninger. La oss nå fungere i avmerkingsboksen i selen.

Avkrysningsruten er et webelement som brukes til å velge ett eller flere alternativer, som et resultat av svaret på det oppgitte spørsmålet.

Avkrysningsboksen kan slås på eller av (det er merket eller ikke merket av). En avmerket avkrysningsrute er den som blir sett på som krysset av. Uhaket er den som ikke er haket av.

=> Se opp The Simple Selenium Training Series her.

Håndteringsboksen i selen

Bildet nedenfor viser tydelig avkrysningsboksene, der de to første kan sees merket mens den siste ikke er merket av.

sett kryss

Avkrysningsboksen er også kjent som valgboks eller kryssrute. Den lille boksen der et kryssmerke vises i, når du klikker i avkrysningsboksen, og når du klikker på den igjen, forsvinner haken og avmerkingen ikke er merket av.

I denne opplæringen vil vi utforske håndteringen av Checkbox i Selen.

Hva du vil lære:

Velg en avkrysningsrute ved hjelp av tastaturet

Åpne nettstedet du jobber med, eller som har en avkrysningsrute du vil velge.

trykk Tab -knappen til avkrysningsboksen du vil velge er uthevet. Når ønsket avkrysningsboks er sett uthevet, dvs. markøren når avkrysningsboksen, bruk deretter Romfelt -knappen for å merke av eller fjerne merket for ruten.

Gå til et hvilket som helst nettsted som har en avkrysningsrute for å velge og prøve det.

kryss av i avkrysningsruten ved hjelp av tastaturet

Avkrysningsrute i HTML

La oss først forstå bruken av avkrysningsruter på HTML-siden. I HTML brukes avkrysningsruten til å velge ett eller flere alternativer blant en liste over tilgjengelige alternativer.

Se eksemplet nedenfor for å forstå avmerkingsboksene som er opprettet i HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Hvor,

  • type : Inngangskode har type Egenskap. Det ville være 'avkrysningsrute' for avkrysningsbokser.
  • Navn : Det er den Navn av inngangselementet.
  • verdi : Det er det faktiske verdi tilsvarer avmerkingsboksen.

I tillegg til det ovennevnte er noen flere poeng gitt nedenfor:

  1. HTML-siden heter 'Avkrysningsbokser html-side'.
  2. Den har tittelen 'Velg emnene som er inkludert i pensum'.
  3. Fem avkrysningsruter er gitt: Grunnleggende om datamaskiner, Elektrisk, Fysikk, Kjemi, Ingen.

Bildet nedenfor gir en klar ide om HTML-siden som er opprettet.

avkrysningsruten i html

Implementering av kode for håndtering av avkrysningsruten i selen

La oss se på håndtering av avkrysningsboksen ved hjelp av selen. Med denne koden vil vi forstå hvordan operasjonene til Checkbox utføres ved bruk av Selen.

For å implementere kode i Selenium for Checkbox har vi brukt denne lenke , og skjermbildet for det samme er som nedenfor:

Enkelt og flere avkrysningsruter Demo

gratis fildelingsnettsteder for nedlasting

Implementeringskode for håndtering av CheckBox ved bruk av selen:

package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class CheckBox1 { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://www.seleniumeasy.com/test/'); WebElement input = dr.findElement(By.className('dropdown-toggle')); input.click(); WebElement checkbox = dr.findElement(By.linkText('Checkbox Demo')); checkbox.click(); System.out.println('Check Box..'); WebElement check1 = dr.findElement(By.xpath('//input(@id='isAgeSelected')')); check1.click(); System.out.println('Clicked Check Box..'); WebElement checkall = dr.findElement(By.xpath('//input(@id='check1')')); checkall.click(); System.out.println('Checked all Boxes..'); } }

Ved implementering av ovennevnte kode er den mottatte utgangen således som vist i bildet nedenfor.

selen lett

Først er bare én avkrysningsrute avkrysset, hvoretter en melding mottas som 'Clicked CheckBox'. Deretter har vi muligheten til å merke en, to, tre eller alle avmerkingsboksene samtidig for flere avkrysningsruter. Når du velger 'Merk av for alle', merkes alle avkrysningsruter samtidig.

kode_konsoll

Velg flere avkrysningsruter i selen

Når det er flere alternativer og flere avkrysningsruter gitt for det samme, kan vi kode det på en slik måte at når du utfører koden, vil alle avkrysningsboksene bli merket av. Så la oss se på koden for håndtering av flere avkrysningsruter.

Vi har opprettet en HTML-side for implementering av kode for håndtering av flere avkrysningsruter, og nedenfor er skjermbildet av det samme.

flere avmerkingsbokser

package Practice; import java.util.List; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class checkbox_multi { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('E:\Selenium class\Programs\Sonali\bin\project1\check.html'); List AllCheckBoxes = driver.findElements(By.xpath('//input(@type='checkbox')')); System.out.println('Number of Check boxes : '+ Integer.toString(AllCheckBoxes.size())); for(WebElement cb:AllCheckBoxes) { cb.click(); } System.out.println('All check boxes have been checked'); } }

Dermed kan vi håndtere flere avmerkingsbokser. Dette var bare et eksempel, og du kan prøve det med et hvilket som helst annet nettsted der det er flere avkrysningsruter med flere alternativer.

Nedenfor vises skjermbildet av implementeringen ovenfor av flere avkrysningsbokser i Selen.

flere kontrollerte alle

utgang2

Dermed kan flere avkrysningsbokser håndteres ved hjelp av selen.

Metoder for å velge avkrysningsrute i selen

Det er forskjellige måter i Selen å bruke som vi kan velge avkrysningselementene på en webside.

De forskjellige metodene er som nedenfor:

  1. Etter ID-attributter
  2. Bruk er valgt ()
  3. Bruker Navn
  4. Bruke element Verdi
  5. Av CSS Selector
  6. Med XPath

Avkrysningsbokser og radioknapper håndteres på samme måte, og vi kan bruke alle de ovennevnte valgmetodene for begge deler.

Vurder bildet nedenfor for å forstå eksemplene for hver av valgmetodene.

unchecked_seleniumeasy

# 1) Bruke ID-attributter

I dette tilfellet trenger vi bare å bruke ID-attributt , uansett hvilken verdi det har. ID-attributt brukes i Selenium for å merke ønsket avkrysningsrute. ID-attributter er forskjellige for forskjellige elementer.

For eksempel:

WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();

Dermed kan vi benytte ID-attributter i Selen for valg av avkrysningsrute.

Bildet nedenfor viser id-attributtene for alternativet ovenfor.

Id-attributter

# 2) Bruk er valgt ()

Bruk av er valgt () gjør det mulig for brukerne å sikre seg om en bestemt avkrysningsrute er i sjekket modus eller ikke . I enkle ord bekreftes valget av avkrysningsboksen.

For eksempel:

gratis backup-programvare for ekstern harddisk
List check = driver.findElements(By.className('cb1-element')); //Same group of check boxes will have same 'Names'/Class names, //hence we need to use findElements method and store the list of WebElements. boolean bval = false; // Create a variable which will have boolean value True/False bval = check1.get(0).isSelected(); // Will return True if box is selected. if(bval = true) { check1.get(1).click(); // If the first check box is selected by default, this will select Second check box } else { check1.get(0).click(); // If the first check box is not selected by default, the first will be selected }

# 3) Bruk av klassenavn

For å velge avkrysningsruter med navn eller klassenavn, må vi forstå ett viktig poeng som er:

For avkrysningsruter i samme gruppe, Navn / Klassenavn vil alltid være den samme men deres Verdier er forskjellig. Så hvis noe element med navnattributtet blir funnet, kan det inneholde mer enn ett element, og derfor må vi lagre liste av WebElements og benytt deg av findElements metode.

List check = driver.findElements(By.classN ame ('cb1-element'));

Dette ble også brukt i forrige eksempel for IsSelected ().

# 4) Bruk av elementverdi

Avkrysningsruter kan også velges ved hjelp av deres verdier.

Hver eske har en unik verdi . Bruken av verdier for å velge avkrysningsruter kan være som vist nedenfor.

// Selecting the check boxes by class name List checkbox = driver.findElements(By. className('cb1-element')); int Size = checkbox.size(); // Finding the number of check boxes for(int i=0; i

# 5) Av CSS Selector

En annen måte å velge avmerkingsbokselementer på er CSS Selector bruker verdien .

Eksempel:

WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();

# 6) Bruke XPATH

Velge et avkrysningsbokselement ved hjelp av XPATH er en av måtene for valg av avmerkingsbokselement i Selen som hjelper til med å velge det eksakte elementet du ønsker å velge.

Se på eksemplet nedenfor for å velge avkrysningsruten ved hjelp av XPATH.

WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();

Eksempler / applikasjoner der avkrysningsruten ofte brukes

# 1) Favorittsport

Sjekklisten i bildet nedenfor inneholder forskjellige sportsaktiviteter. Vi kan velge ett eller flere alternativer fra det. De avmerkede rutene kan sees som uthevet.

Sport

# 2) Bruk av avkrysningsruten for å bekrefte en avtale

Avkrysningsboksen er bekreftet. Når brukeren merker av for denne avkrysningsboksen, vurderer systemet brukerens aksept av avtalen og fortsetter videre.

bli enige

youtube-i-agree-terms-service-privacy-policy

# 3) Valg av språk

For å velge språk kan en avkrysningsrute brukes. Det lar brukerne velge ett eller flere alternativer.

språkvalg

(bilde kilde )

# 4) Justere innstillinger ved bruk av avkrysningsruten

Bildet nedenfor viser valg av avkrysningsrute for forskjellige preferanser. I henhold til brukerens valg kan alternativene velges.

Justere innstillinger ved bruk av avkrysningsruten

(bilde kilde )

# 5) Velge treningsprogrammene du ønsker

Ulike treningsprogramalternativer er gitt, og brukeren må velge de som han velger.

Velge treningsprogrammer du ønsker

(bilde kilde )

# 6) Velg farger

Avkrysningsruter er også tilgjengelig for valg av farger.

Velg farger

Det er mange slike eksempler der avkrysningsruter brukes.

For å nevne noen flere:

  1. Velg emner: Matematikk, engelsk, fysikk, kjemi, alt.
  2. Velg pausetid: 09.00, 12.00, 15.00, 18.00, Ingen.
  3. Kjøretøy du har: Sykkel, bil, begge deler, ingen.
  4. Testing Ferdigheter: Manuell, automatisering, begge deler, ingen.
  5. Metaller brukt: Gull, sølv, platina, blandet.
  6. Land der produkter er tilgjengelige: Belgia, Colombia, Frankrike, Tyskland.
  7. Velg dine hobbyer: Maleri, kunstverk, sang, dans, hagearbeid.
  8. Grønnsaksliste: Capsicum, blomkål, kål, poteter, tomater.
  9. Frukt Sjekkliste: Ananas, eple, vannmelon, appelsiner, mango.
  10. Mobiltelefoner som brukes i et hus: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.

States Of Checkbox

Det er tre hovedtilstander i avkrysningsbokser:

trestat

# 1) Sjekket : Staten der avkrysningsboksen er valgt er sjekket tilstand . Her kan vi se ruten som kryss av.

# 2) Uhaket : Rute som ikke er merket av eller når den valgte boksen klikkes på igjen, så går boksen i et ukontrollert tilstand .

# 3) Mellomliggende : Når en boks verken er avmerket eller i ukontrollert tilstand, er det kjent at den er en mellomtilstand. I denne tilstanden har brukeren muligheten til å velge om han vil klikke i boksen eller ikke.

Ovennevnte bilde vil hjelpe deg med å forstå disse tilstandene.

avkrysningsrute_tre_stat_intermediat

forskjell mellom utløsing av port og videresending av port

Ovenstående bilde er et annet eksempel som forklarer de forskjellige tilstandene i avmerkingsboksene.

  • Kontrollert tilstand: Aktiver funksjon XYZ
  • Ukontrollert tilstand: Aktiver funksjon ABC, Aktiver funksjon WWW
  • Mellomstat: Aktiver alle.

Dermed er avkryssede, ukontrollerte og mellomliggende tilstander i avkrysningsboksen som forklart ovenfor.

Konklusjon

Vi har sett håndteringen av Checkbox ved bruk av Selen i detalj. Dermed lar avkrysningsbokser brukerne velge mer enn ett alternativ. Vi har sett mange bruksområder for avkrysningsboksen som lar brukerne velge flere alternativer samtidig.

Vi utforsket metodene for valg av Checkbox-elementer og forsto håndteringen av flere Checkboxes ved bruk av Selen.

Glad lesning !!

=> Besøk her for å lære selen fra grunnen.

Anbefalt lesing

^