Menu

Ako začiarknuť políčko na seléne s príkladmi

  • Hlavná
  • Iné
  • Ako začiarknuť políčko na seléne s príkladmi

how select check box selenium with examples

Vyskúšajte Náš Nástroj Na Odstránenie Problémov

V tomto výučbe sú uvedené príklady rôznych metód výberu začiarkavacieho políčka na seléne. Naučíte sa tiež výber viacerých začiarkavacích políčok a začiarkavacích políčok v HTML:

V jednom z našich predchádzajúcich tutoriálov sme videli, ako sa s prepínačmi pracuje na seléne. Teraz poďme na fungovanie začiarkavacieho políčka v seléne.

Začiarkavacie políčko je webový prvok, ktorý sa používa na výber jednej alebo viacerých možností v dôsledku odpovede na zadanú otázku.

Začiarkavacie políčko je možné zapnúť alebo vypnúť (je začiarknuté alebo nezaškrtnuté). Začiarknuté políčko je políčko, ktoré je označené ako začiarknuté. Nezačiarknuté je to, čo je neoznačené.

=> Tu si môžete pozrieť sériu jednoduchých tréningov na selén.

Zaškrtávacie políčko pre selén

Na obrázku nižšie sú zreteľne zobrazené začiarkavacie políčka, kde sú prvé 2 označené ako začiarknuté, zatiaľ čo posledné nie sú začiarknuté.

zatrhnúť

Začiarkavacie políčko je tiež známe ako Selection Box alebo Tick Box. Malé políčko, vo vnútri ktorého sa po kliknutí na začiarkavacie políčko zobrazí značka začiarknutia. Po ďalšom kliknutí značka zmizne a políčko nie je začiarknuté.

V tomto tutoriále preskúmame manipuláciu so začiarkavacím políčkom v seléne.

Čo sa dozviete:

Začiarknite políčko Pomocou klávesnice

Otvorte web, na ktorom pracujete alebo ktorý obsahuje začiarkavacie políčko, ktoré chcete vybrať.

Stlačte tlačidlo Tab tlačidlo, kým sa nezvýrazní začiarkavacie políčko, ktoré chcete označiť. Keď sa požadované začiarkavacie políčko zobrazí zvýraznené, tj. Kurzor sa dostane na začiarkavacie políčko, použite znak Medzerník tlačidlo začiarknite alebo zrušte začiarknutie políčka.

Prejdite na ľubovoľný web, ktorý má začiarkavacie políčko, vyberte ho a vyskúšajte.

začiarknite políčko pomocou klávesnice

Začiarkavacie políčko v HTML

Najprv pochopíme použitie začiarkavacích políčok na stránke HTML. V HTML sa začiarkavacie políčko používa na výber jednej alebo viacerých možností zo zoznamu poskytovaných možností.

V nasledujúcom príklade pochopíte začiarkavacie políčka vytvorené v HTML.

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

Kde,

  • typu : Vstupná značka s typu atribút. Bolo by to „začiarkavacie políčko“ pre začiarkavacie políčka.
  • názov : Je to názov vstupného prvku.
  • hodnotu : Je to skutočné hodnotu zodpovedajúce jeho začiarkavaciemu políčku.

Okrem vyššie uvedeného je ešte uvedených niekoľko ďalších bodov:

  1. Stránka HTML je pomenovaná ako „Stránka HTML začiarkavacích políčok“.
  2. Má názov „Vyberte si predmety obsiahnuté vo vašich študijných programoch“.
  3. K dispozícii je päť začiarkavacích políčok: Počítačové základy, Elektrotechnika, Fyzika, Chémia, Žiadne.

Nasledujúci obrázok poskytuje jasnú predstavu o vytvorenej stránke HTML.

začiarkavacie políčko v html

Implementácia kódu na spracovanie začiarkavacieho políčka na seléne

Pozrime sa na Zaškrtávacie políčko pomocou selénu. Pomocou tohto kódu pochopíme, ako sa operácie Checkboxu vykonávajú pri použití selénu.

Na implementáciu kódu v seléne pre začiarkavacie políčko sme použili toto odkaz a rovnaká snímka obrazovky je uvedená nižšie:

Jednoduché a viacnásobné začiarkavacie políčko Demo

kde sa používa c ++

Implementačný kód pre manipuláciu so CheckBoxom pomocou selénu:

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..'); } }

Pri implementácii vyššie uvedeného kódu je teda prijatý výstup znázornený na nasledujúcom obrázku.

seleniumeasy

Najskôr je začiarknuté iba jedno začiarkavacie políčko, po ktorom je prijatá správa ako „Clicked CheckBox“. Potom máme pri viacerých začiarkavacích políčkach možnosť začiarknuť jedno, dve, tri alebo všetky začiarkavacie políčka súčasne. Po výbere možnosti „Skontrolovať všetky“ sa začiarknu všetky políčka súčasne.

code_console

Začiarknite viac políčok na seléne

Ak existuje rovnakých možností a viac začiarkavacích políčok, môžeme ich kódovať takým spôsobom, že pri vykonaní kódu by boli začiarknuté všetky políčka. Pozrime sa teda na kód na spracovanie viacerých začiarkavacích políčok.

Vytvorili sme stránku HTML na implementáciu kódu na spracovanie viacerých začiarkavacích políčok. Nižšie je uvedený ten istý obrázok.

viacnásobné začiarkavacie políčko

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'); } }

Môžeme teda zvládnuť viac začiarkavacích políčok. Toto bol iba príklad a môžete to vyskúšať s akýmkoľvek iným webom, kde je prítomných viac začiarkavacích políčok s viacerými možnosťami.

Nižšie je uvedený screenshot vyššie uvedenej implementácie viacerých začiarkavacích políčok v seléne.

viacnásobné zaškrtnutie

výstup2

S pomocou selénu je teda možné manipulovať s viacerými začiarkavacími políčkami.

Metódy výberu začiarkavacieho políčka na seléne

V seléne existuje niekoľko spôsobov, pomocou ktorých môžeme označiť prvky začiarkavacieho políčka na webovej stránke.

Rôzne metódy sú uvedené nižšie:

  1. Podľa atribútov ID
  2. Použitie je vybraté ()
  3. Pomocou názvu
  4. Pomocou prvku Hodnota
  5. Výberom CSS
  6. S XPath

So začiarkavacími políčkami a prepínačmi je zaobchádzané podobne a pre obidve možnosti môžeme použiť všetky vyššie uvedené spôsoby výberu.

Na nasledujúcom obrázku nájdete informácie o príkladoch jednotlivých metód výberu.

nezaškrtnuté_seleniumeasy

# 1) Použitie atribútov ID

V takom prípade stačí použiť Atribút ID , bez ohľadu na jeho hodnotu. Atribút ID sa v seléne používa na výber požadovaného začiarkavacieho políčka. Atribúty ID sa líšia pre rôzne prvky.

Napríklad:

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

Môžeme teda použiť atribúty ID v seléne na výber začiarkavacieho políčka.

Nasledujúci obrázok zvýrazňuje atribúty id pre vyššie uvedenú možnosť.

Atribúty id

# 2) Použitie je vybraté ()

Použitie možnosti Vybraté () umožňuje používateľom skontrolovať, či je dané začiarkavacie políčko v skontrolovaný režim alebo nie . Jednoducho povedané, výber zaškrtávacieho políčka je potvrdený.

Napríklad:

najlepšie weby na stiahnutie hudby zadarmo pre telefóny Android
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) Používanie názvu triedy

Pri výbere začiarkavacích políčok pomocou názvu alebo názvu triedy musíme pochopiť jeden dôležitý bod, ktorý je:

Pre začiarkavacie políčka v rovnakej skupine Meno / Názov triedy budú vždy rovnaké, ale ich Hodnoty sú rôzne. Takže ak sa nájde akýkoľvek prvok s atribútom name, môže obsahovať viac ako jeden prvok, a preto musíme uložiť zoznam z WebElements a využiť findElements metóda.

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

Toto bolo použité v predchádzajúcom príklade aj pre IsSelected ().

# 4) Použitie prvku Hodnota

Začiarkavacie políčka je možné zvoliť aj pomocou ich hodnôt.

Každá krabica má a jedinečná hodnota . Hodnoty sa dajú použiť na výber začiarkavacích políčok nasledovne.

// 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) Pomocou nástroja CSS Selector

Ďalším spôsobom, ako vybrať prvky začiarkavacieho políčka, je Selektor CSS pomocou jeho hodnoty .

Príklad:

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

# 6) Používanie XPATH

Označenie prvku Checkbox pomocou XPATH je jedným zo spôsobov výberu prvku Checkbox v seléne, ktorý pomáha pri výbere presného prvku, ktorý chcete vybrať.

Pozrite sa na nasledujúci príklad výberu začiarkavacieho políčka pomocou XPATH.

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

Príklady / Aplikácie, kde sa zaškrtávacie políčko bežne používa

# 1) Obľúbené športy

Kontrolný zoznam na obrázku nižšie obsahuje rôzne športové aktivity. Môžeme z neho vybrať jednu alebo viac možností. Začiarknuté políčka sa dajú považovať za zvýraznené.

Šport

# 2) Použitie začiarkavacieho políčka na potvrdenie dohody

Na potvrdenie slúži začiarkavacie políčko. Keď používateľ začiarkne toto políčko, systém zváži jeho prijatie so zmluvou a pokračuje ďalej.

súhlasiť

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

# 3) Výber jazyka

Na výber jazyka možno použiť začiarkavacie políčko. Používateľom umožňuje zvoliť jednu alebo viac možností.

výber jazyka

(obrázok zdroj )

# 4) Úpravy nastavení pomocou začiarkavacieho políčka

Nasledujúci obrázok zobrazuje výber začiarkavacieho políčka pre rôzne preferencie. Podľa výberu používateľa je možné zvoliť jednotlivé možnosti.

Úpravy nastavení pomocou začiarkavacieho políčka

(obrázok zdroj )

# 5) Výber fitnes programov podľa vášho výberu

K dispozícii sú rôzne možnosti fitnes programu a používateľ si musí zvoliť možnosti podľa svojho výberu.

Výber fitnes programov podľa vášho výberu

(obrázok zdroj )

# 6) Vyberte farby

K dispozícii sú tiež začiarkavacie políčka pre výber farieb.

Vyberte Farby

Existuje veľa takýchto príkladov, keď sa používajú začiarkavacie políčka.

Aby som spomenul ešte niekoľko:

  1. Vyberte predmety: Matematika, angličtina, fyzika, chémia, všetko.
  2. Vyberte čas prestávky: 9:00, 12:00, 15:00, 18:00, žiadne.
  3. Vozidlá, ktoré máte: Bike, Car, both, None.
  4. Testovacie zručnosti: Manuálne, automatizácia, obe, žiadne.
  5. Použité kovy: Zlato, striebro, platina, zmiešané.
  6. Krajiny, v ktorých sú produkty k dispozícii: Belgicko, Kolumbia, Francúzsko, Nemecko.
  7. Vyberte svoje záľuby: Maliarstvo, umelecké diela, spev, tanec, záhradníctvo.
  8. Zoznam zeleniny: Capsicum, karfiol, kapusta, zemiaky, paradajky.
  9. Kontrolný zoznam ovocia: Ananás, jablko, melón, pomaranče, mango.
  10. Mobilné telefóny používané v domácnosti: I Phone, One Plus, Nokia, Samsung, Blackberry, Other.

States Of Checkbox

Existujú 3 hlavné stavy začiarkavacích políčok:

trojštát

# 1) Začiarknuté : Stav, v ktorom je začiarknuté políčko, je kontrolovaný stav . Tu vidíme políčko označené značkou.

# 2) Nezačiarknuté : Políčko, ktoré nie je začiarknuté, alebo keď na vybrané políčko znova kliknete, potom sa toto políčko presunie do nekontrolovaný stav .

# 3) Stredne pokročilý : Keď políčko nie je v začiarknutom ani v nezaškrtnutom stave, je známe, že ide o prechodný stav. V tomto stave má používateľ možnosť zvoliť si, či chce na políčko kliknúť alebo nie.

Vyššie uvedený obrázok vám pomôže pochopiť tieto stavy.

checkbox_three_state_intermediate

aké odlišné je c ++ od java

Vyššie uvedený obrázok je ďalším príkladom, ktorý vysvetľuje rôzne stavy začiarkavacích políčok.

  • Skontrolovaný stav: Povoliť funkciu XYZ
  • Nekontrolovaný stav: Povoliť funkciu ABC, Povoliť funkciu WWW
  • Stredný stav: Povoliť všetky.

Preto sú začiarknuté, nezaškrtnuté a prechodné stavy začiarkavacieho políčka vysvetlené vyššie.

Záver

Zaobchádzanie s Checkboxom používajúcim selén sme videli podrobne. Zaškrtávacie políčka teda umožňujú používateľom zvoliť viac ako jednu možnosť. Videli sme množstvo použití začiarkavacieho políčka, ktoré používateľom umožňujú výber viacerých možností súčasne.

Preskúmali sme metódy výberu prvkov Checkbox a pochopili sme manipuláciu s viacerými zaškrtávacími políčkami pomocou selénu.

Príjemné čítanie !!

=> Navštívte tu a naučte sa selén od nuly.

Odporúčané čítanie

^