如何使用Selenium和Python定位复选框并验证其选中状态

失效原因说明 #

你使用的是Bootstrap Toggle开关组件，原生<input>复选框被组件CSS设置为隐藏状态，因此直接通过常规定位方式查找原生input会出现元素不可见、无法交互的问题。

方案1：通过可见的开关组件元素判断状态 #

你已经可以成功定位外层div.toggle元素和状态label，直接通过元素的类名即可判断选中状态：

• 开关处于选中（Yes）状态时，外层div会携带btn-success类，且.toggle-on的label处于激活状态
• 开关处于未选中（No）状态时，外层div会携带btn-light类，且.toggle-off的label处于激活状态

代码示例：

from selenium.webdriver.common.by import By

# 定位外层可见的toggle div元素
toggle_div = driver.find_element(By.CSS_SELECTOR, "div.toggle[data-toggle='toggle']")
# 从类名判断选中状态
is_checked = "btn-success" in toggle_div.get_attribute("class")
print(f"复选框选中状态：{is_checked}")

也可以通过状态label判断：

# 定位Yes对应的label
yes_label = driver.find_element(By.CSS_SELECTOR, "label.toggle-on")
# 选中状态下Yes label为可见状态
is_checked = yes_label.is_displayed()

方案2：通过JS直接读取原生隐藏input的checked属性 #

哪怕原生input被隐藏，也可以通过执行JS直接获取它的选中属性，不需要元素可见：

# 直接用JS获取原生input的checked状态
is_checked = driver.execute_script('return document.getElementById("ID_StaffIsRostered").checked')
print(f"复选框选中状态：{is_checked}")

如果需要点击切换开关，直接点击外层可见的toggle div即可，不需要操作隐藏的input：

toggle_div = driver.find_element(By.CSS_SELECTOR, "div.toggle[data-toggle='toggle']")
toggle_div.click()

可选优化 #

如果定位偶尔失效，可以加显式等待确保元素加载完成：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

wait = WebDriverWait(driver, 10)
toggle_div = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, "div.toggle[data-toggle='toggle']")))

内容的提问来源于stack exchange，提问作者S Low