Selenium无法点击网页单选按钮问题求助（附页面代码）

看起来你遇到的是Angular动态渲染组件导致的元素定位难题，这类自定义df-radio组件有几个典型的坑，我帮你梳理下可行的解决方案：

核心问题分析 #

从你提供的HTML代码能看出几个关键问题：

• 实际的<input type="radio">被标记为visually-hidden，直接点击会被Selenium的可见性校验拦截
• Angular生成的元素ID（比如md-radio-93fd918）是动态随机的，每次页面加载都会变化，用ID定位肯定会失败
• 作为Angular应用，页面元素是异步渲染的，直接查找元素会因为元素还未加载完成抛出no such element错误

解决方案步骤 #

1. 用显式等待替代直接查找 #

Angular页面的元素加载需要时间，必须用WebDriverWait等待元素处于可交互状态，而不是刚进入页面就立即执行查找操作：

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

# 初始化等待器，最多等待10秒
wait = WebDriverWait(driver, 10)

2. 定位正确的可点击元素 #

不要尝试定位隐藏的input标签，转而定位可见的交互元素：

方法一：通过文本定位单选框（推荐）

比如要选择"Mrs"选项，可以定位包含该文本的容器，再点击它的父级label元素：

# 等待"Mrs"选项的label可点击，然后执行点击
mrs_option = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//div[contains(text(), 'Mrs')]/parent::label")
))
mrs_option.click()

方法二：通过组件层级定位

直接定位df-radio-group下的指定df-radio组件：

# 选择标题组中的第二个单选框（对应Mrs）
mrs_radio = wait.until(EC.element_to_be_clickable(
    (By.CSS_SELECTOR, "df-radio-group#title df-radio:nth-child(2)")
))
mrs_radio.click()

3. 特殊情况：用JavaScript强制点击 #

如果上述方法都无效（比如组件有特殊的事件绑定逻辑），可以用JavaScript绕过可见性校验执行点击：

# 先定位到隐藏的input元素
mrs_input = wait.until(EC.presence_of_element_located(
    (By.XPATH, "//div[contains(text(), 'Mrs')]/preceding-sibling::input")
))
# 用JS强制触发点击
driver.execute_script("arguments[0].click();", mrs_input)

额外注意事项 #

• 确保页面跳转完成：输入邮箱后的页面可能需要等待跳转或加载完成，同时检查是否有弹窗、遮罩层阻挡元素
• 避免静态ID定位：Angular生成的动态ID每次都会变化，必须使用相对定位（文本、层级、属性组合）来定位元素

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