一、什么是单选框、复选框?
二、被测页面html源代码
CheckBoxRadioDemo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CheckBox、Radio练习案例</title>
</head>
<body>
<div>
<h3>复选框 checkbox</h3>
请选择喜欢的打野英雄:<br>
<label><input name="checkbox1" type="checkbox" value="李白"/>李白 </label><br>
<label><input name="checkbox2" type="checkbox" value="韩信"/>韩信 </label><br>
<label><input name="checkbox3" type="checkbox" value="公孙离" checked="checked"/>公孙离 </label><br>
<label><input name="checkbox4" type="checkbox" value="露娜"/>露娜 </label><br>
</div>
<div>
<h3>单选框 radio</h3>
选择喜欢的打野英雄:<br>
<label><input name="radio" type="radio" value="0" checked="checked"/>李白 </label><br>
<label><input name="radio" type="radio" value="1"/>韩信 </label><br>
<label><input name="radio" type="radio" value="2"/>露娜 </label><br>
<label><input name="radio" type="radio" value="3"/>孙尚香 </label><br>
</div>
</body>
</html>
三、判断是否选中:isSelected()
有时单选框、复选框会有默认选中的情况,那么有必要我在操作单选框或者复选框的时候,先判断选项框是否为选中状态。使用element.isSelected()来获取元素是否为选中状态,返回结果为布尔类型,如果为选中状态返回true,如果未选中返回为false。至于操作就不必多说了,对大家来讲是so easy,就点击就可以了。
四、单选框处理
具体实例代码如下:
@Test
public void testRadio() {
driver.get("file:///C:/Users/Administrator/Desktop/CheckBoxRadioDemo.html");
driver.manage().window().maximize();
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
//获取第1个单选框李白元素对象
WebElement element = driver.findElement(By.cssSelector("[value='0']"));
boolean isSelected = element.isSelected();
//查看李白是否被选中
if (isSelected){
System.out.println("李白已被选中,你只能选下一个英雄了");
}
//获取第3个单选框露娜元素对象
element = driver.findElement(By.cssSelector("[value='2']"));
//判断是否被选中
if(!element.isSelected()){
//如果未被选中,就可以直接选了
element.click();
}
}
五、复选框处理
具体实例代码如下:
@Test
public void testCheckbox() {
driver.get("file:///C:/Users/Administrator/Desktop/CheckBoxRadioDemo.html");
driver.manage().window().maximize();
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
//获取第三个复选框公孙离元素对象
WebElement element = driver.findElement(By.name("checkbox3"));
boolean isSelected = element.isSelected();
//如果选中取消选中
if (isSelected){
element.click();
}
/**
* 全选操作
*/
List<WebElement> elements = driver.findElements(By.cssSelector("[type='checkbox']"));
for (WebElement webElement :elements) {
//点击选中
webElement.click();
}
}