如何根据 html 在 Python 中使用 Selenium WebDriver 选择复选框

Question

我有一个需要使用 Selenium 选择的复选框。下面是HTML：

<input id="diDataCheck" ng-model="$parent.DIDATA.IsSet" name="Mode" type="checkbox" class="ng-pristine ng-untouched ng-valid ng-empty" xpath="1">

我尝试使用它的id 或name 甚至使用XPath 来访问它，但它似乎不起作用。

CHECKBOX = (By.XPATH, ".//*[contains(text(), 'diDataCheck')]""") # using XPATH
CHECKBOX = (By.ID, "diDataCheck") # using id
CHECKBOX = (By.NAME, "Mode") # using name

我在上面使用的是：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable(CHECKBOX)).click()

我也在try except 中加入了上述行，但在Exception message 中我一无所获。

当我将WebDriverWait() 更改为：

driver.find_element_by_id("diDataCheck").click()

我遇到了异常：

Message: element not visible

Answer 1

这是您可以做到这一点的一种方法：

driver.execute_script("document.getElementById('diDataCheck').click()")

但是没有“安全”的方法可以知道按钮是否被按下，所以请记住这一点。如果您想确定是否单击了复选框，可以在输入元素上实现更改事件处理程序。

Answer 2

您可以将此 XPath 与等待条件一起使用

checkElement = WebDriverWait(driver, 20).until(
EC.element_to_be_clickable((By.XPATH, "//input[@name='Mode' and  @type='checkbox']")));

checkElement.click();

Answer 3

根据 HTML，您已将 checkbox 设为 Angular 元素，因此要在其上调用 click()，您必须诱导 WebDriverWait 使所需的元素可点击，您可以使用以下任一解决方案：

• CSS_SELECTOR:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.ng-pristine.ng-untouched.ng-valid.ng-empty#diDataCheck[name='Mode']"))).click()
  

• XPATH:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[@class='ng-pristine ng-untouched ng-valid ng-empty' and @id='diDataCheck'][@name='Mode']"))).click()
  

注意：您必须添加以下导入：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC