0

我页面上的复选框如下所示：

<td role="gridcell" style="width: 30px; padding:0;text-align: center;" class="ui-selection-column">
  <div class="ui-chkbox ui-widget">
    <div class="ui-helper-hidden-accessible"><input type="checkbox" name="dataTable_checkbox" aria-checked="false"></div>
    <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default"><span class="ui-chkbox-icon ui-icon ui-c ui-icon-blank"></span></div>
  </div>
</td>

它包含在 tbody 和 tr 数据中。

我正在尝试通过使用来选择它

.click('input[id="ui-chkbox ui-widget", type="checkbox"]')

而且我已经尝试使用 .waitForElementVisible 并且仍然无法选择它。

谢谢。

4

3 回答 3

0

您无法选择它，因为您没有带有ui-chkbox ui-widget的input字段：id

根据您的以下代码：

<td role="gridcell" style="width: 30px; padding:0;text-align: center;" class="ui-selection-column">
  <div class="ui-chkbox ui-widget">
    <div class="ui-helper-hidden-accessible">
      <input type="checkbox" name="dataTable_checkbox" aria-checked="false">
    </div>
    <div class="ui-chkbox-box ui-widget ui-corner-all ui-state-default">
      <span class="ui-chkbox-icon ui-icon ui-c ui-icon-blank"></span>
    </div>
  </div>
</td>

您应该在选择器中使用复选框名称

 input:checkbox[name='dataTable_checkbox']

或者

input[type='checkbox'][name='dataTable_checkbox']

或者

input[type='checkbox', name='dataTable_checkbox']
于 2019-10-09T19:24:09.753 回答
0

对于任何想知道如何在表格中选择复选框的人，我发现了一种效果很好的方法：检查元素时，右键单击它>复制>复制选择器。用 .click ('yourselectorhere') 粘贴它，它应该可以正常运行。为我工作。

于 2019-10-10T19:43:32.820 回答
0

根据您的代码：

.click('input[id="ui-chkbox ui-widget", type="checkbox"]')

您错误地将类标识ui-chkbox ui-widget为 id。在页面上找到该复选框的特定 ID（如果有），然后使用它选择它。页面上的 ID 特定于该元素。

.click('#youridhere')

或者，使用 Xpath 并通过包含任何文本的路径选择它。

.click("//*[contains(text(), 'Checkbox text here')]")
于 2020-01-21T06:11:57.263 回答