如何用XPath点击复选框？遇ElementClickInterceptedException报错求助

问题相关代码与报错 #

目标复选框HTML代码 #

<div class="radio-checkbox-group margin-top-30">
<label for="policy_confirmed" class="icheck-label icheck[vhq2e]"> 
<div class="icheckbox icheck-item icheck[vhq2e] icheck-area-20" style="position: relative;"><input type="checkbox" name="policy_confirmed" id="policy_confirmed" value="1" class="icheck-input icheck[vhq2e]">
</div> I have read and understood the <a href="/en-ca/niv/information/privacy_policy" target="_blank">Privacy Policy and the Terms of Use</a> </label>

</div>

原执行代码 #

wb.find_element_by_xpath('//input[@type="checkbox" and @id="policy_confirmed"]').click()

报错信息 #

ElementClickInterceptedException: Message: element click intercepted: Element <input type="checkbox" name="policy_confirmed" id="policy_confirmed" value="1" class="icheck-input icheck[ilagf]"> is not clickable at point (51, 472). Other element would receive the click: <div class="icheckbox icheck-item icheck[ilagf] icheck-area-20" style="position: relative;">...</div>
  (Session info: chrome=108.0.5359.125)

解决方案 #

方案1：点击包裹复选框的外层div元素 #

报错明确提示外层div会接收点击事件，直接定位该div并点击：

# 定位关联目标复选框的div元素
checkbox_div = wb.find_element_by_xpath('//div[contains(@class,"icheckbox") and ./input[@id="policy_confirmed"]]')
checkbox_div.click()

方案2：使用JavaScript强制点击复选框 #

如果元素被遮挡无法通过常规点击触发，用JavaScript执行点击操作：

# 先找到目标input元素
checkbox_input = wb.find_element_by_xpath('//input[@id="policy_confirmed"]')
# 用JS强制点击
wb.execute_script("arguments[0].click();", checkbox_input)

方案3：点击关联的label元素 #

label通过for属性与复选框绑定，点击label同样可以触发复选框选中：

# 定位label元素并点击
checkbox_label = wb.find_element_by_xpath('//label[@for="policy_confirmed"]')
checkbox_label.click()

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