如何使用C#结合Selenium完成多个复选框的勾选操作

你点击第二个label时会触发跳转，是因为Selenium默认点击元素的中心位置，第二个<label>标签内部嵌入了超链接，元素中心刚好落在超链接的可点击区域内，所以触发了链接跳转逻辑，没有触发label关联复选框的勾选逻辑。第一个label没有内嵌超链接，全区域点击都会触发复选框勾选，所以运行正常。

方案1：直接点击复选框原生input元素（最推荐） #

不需要通过label触发勾选，直接定位复选框本身的input元素点击即可，不会触发超链接跳转：

// 直接通过ID定位复选框元素点击
driver.FindElement(By.Id("TermsOfServiceCheckBox")).Click();

方案2：偏移点击label的空白区域 #

如果确实需要通过label操作，可以调整点击位置，避开超链接所在的区域，点击label的空白位置：

using OpenQA.Selenium.Interactions;

// 定位目标label
var termsLabel = driver.FindElement(By.XPath("//label[@for='TermsOfServiceCheckBox']"));
// 点击label左上角偏移5px的位置，避开超链接区域
new Actions(driver)
    .MoveToElement(termsLabel, 5, 5)
    .Click()
    .Perform();

方案3：使用JavaScript强制触发勾选 #

如果遇到元素被遮挡、点击不生效的场景，可以通过JS直接操作复选框状态：

using OpenQA.Selenium;

var termsCheckBox = driver.FindElement(By.Id("TermsOfServiceCheckBox"));
IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
// 方式1：JS触发点击事件
js.ExecuteScript("arguments[0].click();", termsCheckBox);
// 方式2：直接修改checked属性设置为选中状态
// js.ExecuteScript("arguments[0].checked = true;", termsCheckBox);

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