使用 playwright 后如何使用 CSS 定位器单击复选框 ::
How click checkbox with CSS locator ::after using playwright
我必须单击条款和条件的复选框。我在我的代码中使用了 .click() 和 .check。但是当我 运行 代码时，它会点击条款和条件，然后重定向到另一个页面。你能建议任何帮助吗？
下面是我的 html
当我将鼠标悬停在 ::before 上时，::after 复选框突出显示。
await this.page.locator('#lb-confirm').click()
await this.page.locator('#lb-confirm').check
编辑：我尝试在控制台中使用 jquery 并能够单击复选框。
$('#dr-cb-confirm').trigger('click')
使用上面的代码，我如何转换为剧作家代码。
我试过下面的代码
await page.locator(''#dr-cb-confirm').click() .. Playwright 试图点击但最终没有退出执行。
我找到了解决方案。由于我无法单击复选框，我必须 jQuery 单击复选框 $('#dr-cb-confirm').trigger('click') 。当我想在 playwright 中调用 jQuery 命令时，我已经使用 npm i --save-dev @types/jquery 安装了 jQuery 库。
然后我用 jQuery 更新了我的代码
await this.page.evaluate(() => $('#dr-cb-confirm').trigger('click'))
我必须单击条款和条件的复选框。我在我的代码中使用了 .click() 和 .check。但是当我 运行 代码时，它会点击条款和条件，然后重定向到另一个页面。你能建议任何帮助吗？
下面是我的 html
当我将鼠标悬停在 ::before 上时，::after 复选框突出显示。
await this.page.locator('#lb-confirm').click()
await this.page.locator('#lb-confirm').check
编辑：我尝试在控制台中使用 jquery 并能够单击复选框。
$('#dr-cb-confirm').trigger('click')
使用上面的代码，我如何转换为剧作家代码。
我试过下面的代码
await page.locator(''#dr-cb-confirm').click() .. Playwright 试图点击但最终没有退出执行。
我找到了解决方案。由于我无法单击复选框，我必须 jQuery 单击复选框 $('#dr-cb-confirm').trigger('click') 。当我想在 playwright 中调用 jQuery 命令时，我已经使用 npm i --save-dev @types/jquery 安装了 jQuery 库。
然后我用 jQuery 更新了我的代码
await this.page.evaluate(() => $('#dr-cb-confirm').trigger('click'))