判断非radio\checkbox 勾选框是否被勾选

Question

如图所示
该勾选框我这边使用isSelected()方法无法判断其勾选状态，我这边代码如下：
Boolean bl=driver.findElement(By.xpath("//*[contains(@class,'el-icon-success')]")).isSelected();

请问用什么方法可以判断出该元素是否被勾选呢

Answer 1

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

---

在使用 Selenium 和 Java 判断非传统 radio 或 checkbox 勾选框是否被勾选时，如果 isSelected() 方法不起作用，这通常意味着元素可能不是标准的 HTML 勾选框。在这种情况下，你可以尝试以下几种方法来确定勾选状态：

1. 检查 CSS 类名：如果勾选框被勾选时会添加特定的 CSS 类名，你可以检查这个类名是否存在于元素上。例如，如果勾选后添加了 checked 类，你可以使用以下代码：

   WebElement checkbox = driver.findElement(By.xpath("//*[contains(@class,'el-icon-success')]"));
   String checkedClass = checkbox.getAttribute("class");
   boolean isChecked = checkedClass.contains("checked");
   

2. 检查属性值：有些自定义勾选框可能会使用自定义属性来表示勾选状态，例如 data-checked 或 aria-checked。你可以检查这些属性的值：

   boolean isChecked = "true".equals(checkbox.getAttribute("data-checked"));
   

3. 使用 JavaScript 执行器：如果上述方法都不可行，你可以使用 JavaScript 执行器来运行 JavaScript 代码，以确定元素的勾选状态。例如：

   WebElement checkbox = driver.findElement(By.xpath("//*[contains(@class,'el-icon-success')]"));
   String script = "return arguments[0].classList.contains('checked')";
   boolean isChecked = (Boolean) ((JavascriptExecutor) driver).executeScript(script, checkbox);
   

4. 观察元素的变化：如果勾选框在被勾选时会有明显的视觉变化（如背景色、边框等），你可能需要通过比较勾选前后的截图来确定状态。

5. 检查父元素或子元素的状态：有时候勾选框的状态可能反映在其父元素或子元素的属性或类名上。

请注意，由于你提供的截图内容是一段 HTML 代码，而不是实际的截图，我无法直接分析视觉元素。但是，根据你提供的 HTML 代码片段，el-icon-success 类似乎与勾选状态有关。你可以尝试上述方法之一来检查这个类是否存在，或者是否存在其他相关的类或属性。

如果你需要进一步的帮助或者示例代码，请随时告诉我。