Selenium单选框、勾选框、复选框操作详解

最新推荐文章于 2024-01-16 20:00:00 发布

weixin_41812355

最新推荐文章于 2024-01-16 20:00:00 发布

阅读量3.8k

点赞数

文章标签： selenium

本文链接：https://blog.csdn.net/weixin_41812355/article/details/125763877

版权

webdriver可以很方便的使用findElement方法来定位某个特定的对象，不过有时候我们却需要定位一组对象，这时候就需要使用findElements方法。

1、单选框和多选框

我们可以自己写一个简单的页面，该文件保存格式为名称.html,在操作的过程中我把html文件和python文件放在了同一级目录下；

box.html代码如下：

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Checkbox</title>
        <script type="text/javascript" async="" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    </head>
    <body>
        <h3>模拟测试</h3>
        <div class="well">
            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="c1">喝酒</label>
                    <div class="controls">
                        <input type="checkbox" id="c1" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="c2">上网</label>
                    <div class="controls">
                        <input type="checkbox" id="c2" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="c3">睡觉</label>
                    <div class="controls">
                        <input type="checkbox" id="c3" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="r">男</label>
                    <div class="controls">
                        <input type="radio" id="r1" />
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="r">女</label>
                    <div class="controls">
                        <input type="radio" id="r2" />
                    </div>
                </div>
            </form>
        </div>
    </body>
</html>

python代码如下：

from selenium import webdriver
import time
import os
driver = webdriver.Chrome(executable_path=r"C:\Users\think\Desktop\chromedriver")
#os.getcwd()：当前Python文件所在的路径，没有\需要加上os.sep
file_path =  os.getcwd()+os.sep+'box.html'
print(file_path)
driver.get(file_path)
# 选择页面上所有的input，然后从中过滤出所有的checkbox并勾选之
inputs = driver.find_elements_by_tag_name('input')
for input in inputs:
    if input.get_attribute('type') == 'checkbox':
        input.click()
time.sleep(2)
driver.quit()

学到这个阶段的同学应该也都已经对CSS选择器有所了解，下面我们使用CSS选择器来实现和上述一样的效果，代码如下：

from selenium import webdriver
import time
import os
driver = webdriver.Chrome(executable_path=r"C:\Users\think\Desktop\chromedriver")
file_path =  os.getcwd()+os.sep+'box.html'
print(file_path)
driver.get(file_path)
checkboxs = driver.find_elements_by_css_selector('input[type="checkbox"]')
for checkbox in checkboxs:
    checkbox.click()
time.sleep(3)

如果想要取消最后一个勾选可以加上代码：
driver.find_elements_by_css_selector('input[type="checkbox"]').pop().click()；

上面代码只演示了多选框，如果想要操作单选框，把checkbox改成radio即可；

有些同学会提出疑问，想要取消第一个第二个该如何操作呢，我的想法是用is_selected方法来获取选择的状态，如果true,就再次点击一下；如果有些同学有更好的解决方法，欢迎留言！

2、复选框

和上述操作一样，为了方便演示，先编写一个html文件：

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Checkbox</title>
        <script type="text/javascript" async="" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    </head>
<p>选择您喜爱的车</p>
<select id="multi" multiple>
    <option value="benc">奔驰S300</option>
    <option value="yage">雅阁</option>
    <option value="BMW" selected="selected">宝马</option>
    <option value="aodi">奥迪</option>
</select>
<p>选择性别</p>
<select id="single">
    <option value="male">男</option>
    <option value="female" selected="selected">女</option>
</select>

python编写需要先导如Select类：from selenium.webdriver.support.ui import Select;注意Select类只适用于元素必须是select类型的；

# 先使用deselect_all把勾选的全部去掉
# 然后在用select_by_visible_text 进行勾选

# 获取对应的element
time.sleep(2)
select = Select(driver.find_element_by_xpath('//*[@id="multi"]'))

#先去掉所有选择的项
time.sleep(2)
select.deselect_all()

#然后选择
time.sleep(2)
select.select_by_visible_text('雅阁')
select.select_by_visible_text('奥迪')

# 如果是单选框就直接用
select.select_by_visible_text('男')