章节十一、5-单选框和复选框

以下演示操作以该网站为例：https://learn.letskodeit.com/p/practice

Radio Button单选框：同时只能选择一个

Checkbox复选框：能够同时选择多个

一、如何判断单选框和复选框

1、按F12打开开发者选项

2、鼠标定位到需要确认的元素

3、查看该元素的type属性中是否显示为“radio”或者“checkbox”

二、对图中的“Bmw、Benz”单选款和“Bmw、Benz”复选框进行操作

package basicweb;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

class RadioButtonsAndCheckBoxes {
    WebDriver driver;
    String url;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "https://learn.letskodeit.com/p/practice";
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.manage().window().maximize();
        driver.get(url);
    }
    
    
    @Test
    void test() throws InterruptedException {
//    选择第一个单选框
    WebElement bmwRadioBtn = driver.findElement(By.id("bmwradio"));
    bmwRadioBtn.click();
    Thread.sleep(2000);
    
//    选择第二个单选框
    WebElement benRadioBtn = driver.findElement(By.id("benzradio"));
    benRadioBtn.click();
    
//    选择第一个复选框
    WebElement bmwCheckRon = driver.findElement(By.id("bmwcheck"));
    bmwCheckRon.click();
    
//    选择第二个复选框
    WebElement benCheckRon = driver.findElement(By.id("benzcheck"));
    benCheckRon.click();
    }

    
    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
//        driver.quit();
    }
}

运行结果：

单选框只选择一个是因为单选框不能同时选择两个选项，选择多个时会选择操作的最后一个单选框。

三、.isSelected()方法能够判断选择框是否被选择

package basicweb;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

class RadioButtonsAndCheckBoxes {
    WebDriver driver;
    String url;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "https://learn.letskodeit.com/p/practice";
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.manage().window().maximize();
        driver.get(url);
    }
    
    @Test
    void test() throws Exception {
//    选择第一个单选框
    WebElement bmwRadioBtn = driver.findElement(By.id("bmwradio"));
    bmwRadioBtn.click();
//    判断是否被选中
    Thread.sleep(2000);
    
//    选择第二个单选框
    WebElement benRadioBtn = driver.findElement(By.id("benzradio"));
    benRadioBtn.click();
    
//    选择第一个复选框
    WebElement bmwCheckRon = driver.findElement(By.id("bmwcheck"));
    bmwCheckRon.click();
    
//    选择第二个复选框
    WebElement benCheckRon = driver.findElement(By.id("benzcheck"));
    benCheckRon.click();
    
    System.out.println("BMW单选框是否被选中："+bmwRadioBtn.isSelected());
    System.out.println("BENZ单选框是否被选中："+benRadioBtn.isSelected());
    System.out.println("BMW复选框是否被选中："+bmwCheckRon.isSelected());
    System.out.println("BENZ复选框是否被选中："+benCheckRon.isSelected());
    }

    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
//        driver.quit();
    }
}

运行结果：

如果有不明白的小伙伴可以加群“555191854”问我，群里都是软件行业的小伙伴相互一起学习、摸鱼、吹水。