2 种形式 - 信用卡和支票账户 - 一个复选框有 2 个相同的 xpath - 自动化不会单击该复选框

Question

这是我使用的 xpath

//tr[@id = 'inputSavePaymentAccounts']/descendant::input[@type = 'checkbox' and @name = 'payAck' and @tabindex = '10'

这是我如何让它选中复选框

jQuery('.payAck').prop('checked', true)

这里是 iframe

中的支票账户 html

<tr id="inputSavePaymentAccounts" class="savePaymentAccounts" style="display: table-row;">
<td class="addCCLabel" style="padding-top: 15px;">Save this Payment Method</td>
<td style="padding-top: 15px;">
    <input class="payAck" type="checkbox" onchange="friendlyNameShow()" name="payAck" tabindex="10">
    </td>
</tr>

这是同一 iframe 中的信用卡 html

<tr id="inputSavePaymentAccounts" class="savePaymentAccounts" style="display: table-row;">
<td class="addCCLabel" style="padding-top: 15px;">Save this Payment Method</td>
<td style="padding-top: 15px;">
    <input class="payAck" type="checkbox" onchange="friendlyNameShow()" name="payAck" tabindex="25">
    </td>
</tr>

主要问题是当我使用：

jQuery('.payAck').prop('checked', true)

它勾选了复选框，但是，在选中复选框时，我想看到一个文本框显示，上面的 jquery 不会发生这种情况。我希望 xpath 的执行能解决这个问题

查看这些以获得更清晰的图片
复选框图像 http://prnt.sc/c12b1p
选中显示文本框时的复选框图像（需要发生这种情况）http://prnt.sc/c12b7q

Answer 1

首先，我建议您删除内联 javascript。在这种情况下，您的主要选择器是 class 并且 class 被分配给 2 个元素（至少从我在您的示例中看到的）。当您使用 jQuery 和 class 选择器选中复选框时，它将触发属于该 class 的所有元素，我认为这不是您打算做的.此外，使用 click() 会起作用，但这会导致 friendlyNameShow() 被调用两次，并且您需要检查复选框的状态，因为您没有明确 checking/un-checking 它。尝试改用和 Id。

2 种形式 - 信用卡和支票账户 - 一个复选框有 2 个相同的 xpath - 自动化不会单击该复选框

2 forms - Credit Card and Checking Account - 2 identical xpaths for one checkbox - automation will not click the checkbox

xpath

automation

codeception