1. 选择框

本章使用的html代码：

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <h3 style="color: brown">radio框</h3>

        <div id="s_radio">

              <input type="radio" name="radios" value="radio1">radio1<br>

              <input type="radio" name="radios" value="radio2">radio2<br>

              <input type="radio" name="radios" value="radio3" checked="checked">radio3

        </div>

        <hr>

        <h3 style="color: brown">checkbox框</h3>

        <div id="s_checkbox">

              <input type="checkbox" name="checkboxs" value="checkbox1">checkbox1<br>

              <input type="checkbox" name="checkboxs" value="checkbox2">checkbox2<br>

              <input type="checkbox" name="checkboxs" value="checkbox3" checked="checked">checkbox3

        </div>

        <hr>

        <h3 style="color: brown">select框</h3>

        <h4 style="color: rgb(22, 118, 173)">单选</h4>

        <select id="ss_single">

            <option value="option1">option1</option>

            <option value="option2">option2</option>

            <option value="option3" selected="selected">option3</option>

        </select>

        <hr>

        <h4 style="color: rgb(22, 118, 173)">多选</h4>

        <select  id="ss_multi" multiple>

              <option value="options1">options1</option>

              <option value="options2">options2</option>

              <option value="options3" selected="selected">options3</option>

        </select>

    </body>

</html>

1.1 radio框

radio框选择选项，直接用WebElement的click方法，模拟用户点击就可以了。

比如，我们要在下面的html中：

先打印当前选中的值

再选择radio2

<div id="s_radio">

    <input type="radio" name="radios" value="radio1">radio1<br>

    <input type="radio" name="radios" value="radio2">radio2<br>

    <input type="radio" name="radios" value="radio3" checked="checked">radio3

</div>

对应的代码如下：

from selenium import webdriver

wd = webdriver.Chrome(r'E:\webdrivers\chromedriver.exe')

wd.implicitly_wait(10)

wd.get('http://127.0.0.1:8020/day01/index.html')

# 获取当前选中的元素

element = wd.find_element_by_css_selector(

  '#s_radio input[checked=checked]')

print('当前选中的是: ' + element.get_attribute('value'))

# 点选radio2

wd.find_element_by_css_selector('#s_radio input[value="radio2"]').click()

1.2 checkbox框

对checkbox进行选择，也是直接用WebElement的click方法，模拟用户点击选择。

需要注意的是，要选中checkbox的一个选项，必须先获取当前该复选框的状态，如果该选项已经勾选了，就不能再点击。否则反而会取消选择。

比如，我们要在下面的html中：选中checkbox2

<div id="s_checkbox">

    <input type="checkbox" name="checkboxs" value="checkbox1">checkbox1<br>

    <input type="checkbox" name="checkboxs" value="checkbox2">checkbox2<br>

    <input type="checkbox" name="checkboxs" value="checkbox3" checked="checked">checkbox3

</div>

我们的思路可以是这样：

先把已经选中的选项全部点击一下，确保都是未选状态

再点击checkbox2

示例代码：

from selenium import webdriver

wd = webdriver.Chrome(r'E:\webdrivers\chromedriver.exe')

wd.implicitly_wait(10)

wd.get('http://127.0.0.1:8020/day01/index.html')

# 先把 已经选中的选项全部点击一下

elements = wd.find_elements_by_css_selector(

  '#s_checkbox input[checked="checked"]')

for element in elements:

    element.click()

# 再点击checkbox2

wd.find_element_by_css_selector("#s_checkbox input[value='checkbox2']").click()

1.3 select框

radio框及checkbox框都是input元素，只是里面的type不同而已。

select框则是一个新的select标签，大家可以对照浏览器网页内容查看一下。

对于Select 选择框，Selenium专门提供了一个select类进行操作。

1.3.1 常用方法

Select类提供了如下的方法：

(1) select_by_value

根据选项的value属性值，选择元素。

比如，下面的HTML：

<option value="foo">Bar</option>

就可以根据 foo 这个值选择该选项：

s.select_by_value('foo')

(2) select_by_index

根据选项的次序(从1开始），选择元素。

(3) select_by_visible_text

根据选项的可见文本，选择元素。

比如，下面的HTML：

<option value="foo">Bar</option>

就可以根据Bar这个内容，选择该选项：

s.select_by_visible_text('Bar')

(4) deselect_by_value

根据选项的value属性值，去除选中元素。

(5) deselect_by_index

根据选项的次序，去除选中元素。

(6) deselect_by_visible_text

根据选项的可见文本，去除选中元素。

(7) deselect_all

去除选中所有元素。

1.3.2 Select单选框

对于 select单选框，操作比较简单：

不管原来选的是什么，直接用Select方法选择即可。

例如，选择示例里面的option2，示例代码如下：

from selenium import webdriver

wd = webdriver.Chrome(r'E:\webdrivers\chromedriver.exe')

wd.implicitly_wait(10)

wd.get('http://127.0.0.1:8020/day01/index.html')

# 导入Select类

from selenium.webdriver.support.ui import Select

# 创建Select对象

select = Select(wd.find_element_by_id("ss_single"))

# 通过 Select 对象选中option2

select.select_by_visible_text("option2")

1.3.3 Select多选框

对于select多选框，要选中某几个选项，要注意去掉原来已经选中的选项。

例如，我们选择示例多选框中的options2和options3。

可以用select类的deselect_all方法，清除所有 已经选中 的选项。

然后再通过select_by_visible_text方法选择options2和options3。

示例代码如下：

from selenium import webdriver

wd = webdriver.Chrome(r'E:\webdrivers\chromedriver.exe')

wd.implicitly_wait(10)

wd.get('http://127.0.0.1:8020/day01/index.html')

# 导入Select类

from selenium.webdriver.support.ui import Select

# 创建Select对象

select = Select(wd.find_element_by_id("ss_multi"))

# 清除所有已经选中的选项

select.deselect_all()

# 选择options2和options3

select.select_by_visible_text("options2")

select.select_by_visible_text("options3")

Selenium(七)：选择框(radio框、checkbox框、select框)的更多相关文章

  1. js做全选，用一个checkbox复选框做多个checkbox复选框的全选按钮，有一个复选框未被选择时，全选按钮的checked就为false

    用一个checkbox复选框做多个checkbox复选框的全选按钮,有一个复选框未被选择时,全选按钮的checked就为false,当所有checkbox都被选中时,全选按钮也被选中. 详解: 有两种 ...

  2. 修改radio、checkbox、select默认样式的方法

    样式 radio select checkbox 兼容性 现在前端页面效果日益丰富,默认的input组件样式显然已经不能满足需求.趁着这次开发的页面中有这方面的需求,在这里整理一下修改radio.ch ...

  3. JS中Float类型加减乘除 修复 JQ 操作 radio、checkbox 、select LINQ to SQL:Where、Select/Distinct LINQ to SQL Count/Sum/Min/Max/Avg Join

    JS中Float类型加减乘除 修复   MXS&Vincene  ─╄OvЁ  &0000027─╄OvЁ  MXS&Vincene MXS&Vincene  ─╄Ov ...

  4. jquery实用应用之jquery操作radio、checkbox、select

    本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值var item = $('input[@name= ...

  5. Jquery常用radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置

    获取一组radio被选中项的值:var item = $('input[name=items][checked]').val(); 获取select被选中项的文本:var item = $(" ...

  6. jquery radio、 checkbox、 select 操作

    转载:http://www.haorooms.com/post/checkandselect $("input[id^='code']");//id属性以code开始的所有inpu ...

  7. Jquery常用操作：checkbox、select取值，radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  8. radio，checkbox，select，input text获取值，设置哪个默认选中

    11 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title& ...

  9. [转]jQuery操作radio、checkbox、select 集合.

    1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...

  10. jQuery操作radio、checkbox、select 集合

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

随机推荐

  1. 《Dotnet9》建站-本站Logo设计之路

    时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.W ...

  2. leetcode第一题两数之和击败了 98.11% 的用户的答案（C++）

    虽然题目简单,但我这好不容易优化到前2%,感觉也值得分享给大家(方法比较偷机) 题目: 给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们 ...

  3. Android 项目优化（七）：阿里巴巴Android开发手册整理总结

    本来之前觉得Android项目优化系列的文章基本整理完毕了,但是近期看了一下<阿里Android开发手册>有了很多收获,想再整理一篇,下面就开始吧. 先在这里列一下之前整理的文章及链接: ...

  4. Netty面试题和解答(一)

    基础 TCP和UDP的区别? TCP是面向连接的(在客户端和服务器之间传输数据之前要先建立连接),UDP是无连接的(发送数据之前不需要先建立连接) TCP提供可靠的服务(通过TCP传输的数据.无差错, ...

  5. Nginx:The Location Block Selection Algorithm

    Nginx:The Location Block Selection Algorithm,摘自NGINX:A PRACTICAL GUIDE TO HIGH PERFORMANCE Nginx配置文件 ...

  6. Spring Boot Failed to load resource: the server responded with a status of 404 ()

    出现错误: Failed to load resource: the server responded with a status of 404 () 但是其他页面正常显示: 原因: 浏览器看一下:  ...

  7. 在Mac上安装JDK1.8及环境变量配置

    今天我们来讲一讲,在Mac上的JDK安装. 第一步,打开终端输入 java -version 看看是否本地已经安装了JDK,如果未安装,OK,继续- 第二步,到官网下载JDK.勾选“Accept Li ...

  8. 物联网架构_对AWS的Greengrass的认识与理解

    物联网架构_对AWS的Greengrass的认识与理解 一,前言: 这段时间有许多的收获,分析,还有总结,其中包括新系统的设计与开发,以及其中新技术的踩坑等等等. 但是最近真的很忙,项目的推进,面试工 ...

  9. Vue初始化过程

    用vue也有一两年了,始终对vue一知半解,不怎么了解内部的执行过程,最近在看vue源码,还是不少收获的,其中不乏浏览器事件轮询机制.闭包.设计模式等,还是非常值得一读.本篇简要记录下vue的初始化过 ...

  10. js-05-对象（object）

    一.访问对象属性的两种方法 a:objectName.PropertyName     对象名.属性名 b:objectName["PropertyName"]     对象名[“ ...