文章目录
-
-
- 1、页面中的单选按钮和多选按钮
- 2、判断按钮是否选中`is_selected()`
- 3、单选按钮的操作
- 4、多选按钮的操作
-
- 实现步骤:
- 示例:
- 5、选择部分多选按钮的操作
-
1、页面中的单选按钮和多选按钮
页面中的单选按钮和多选按钮样式如下图:
说明:
- 单选按钮,默认选框为圆形,type属性值为。
- 多选按钮,默认选框为方形,type属性值为。
- 使用方法切换选框的状态:开/关(选中状态 or 未选中状态)。
2、判断按钮是否选中
有时候选项框,本身就是选中状态,如果我再点击一下,它就取消选择了,这可不是我期望的结果,那么可不可以当它是没选中的时候,我去点击下,当它已经是选中状态,我就不点击。
如何判断选项框是选中状态/p>
我们可以通过方法进行判断。
语法:
说明:
返回结果为bool类型,没点击时候返回False,点击后返回True,以后我们在操作单选按钮和多选按钮的时候,先判断按钮是否是选中状态,再根据业务需求进行操作。
3、单选按钮的操作
以上边页面代码片段为例:
示例:
4、多选按钮的操作
实现步骤:
-
全部勾选,可以用到定位一组元素,通过复选框的等属性定位即可。
-
是不能直接点击,它是复数获取的元素集,是一个列表,所以只能先获取到所有的checkbox对象,然后通过for循环去一个个点击操作。
以上边页面代码片段为例:
示例:
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!