时间戳

首页 > 解决方案 > 使用 Puppeteer 单击复选框时出错

javascript - 使用 Puppeteer 单击复选框时出错

问题描述

我在点击 Footlocker Au 结帐页面上的复选框时遇到问题。我曾尝试在线搜索并尝试使用选择器和 xpath，但两者都不起作用。

https://i.stack.imgur.com/uyXFe.png

这是我用过的，但我已经尝试过标准 await page.click(" ");

网站：https ://www.footlocker.com.au/en/p/nike-tuned-men-shoes-47241?v=244209281104#!searchCategory=men

await page.evaluate(() => {
   document.querySelector("body > main > div > div.fl-checkout > form > div > div.fl-checkout--content-container--address-block > div.fl-checkout--content-container--address-block--options-field > div:nth-child(3) > div > div > label").click();
});

标签： javascriptnode.jsnpmpuppeteer

解决方案

您可以直接定位输入并单击它。选择器可以使用 id 大大简化，而不是这个非常长且可能不准确的选择器。

'#fl-input-checkbox-create-account-panel'

如果需要，您甚至可以定位标签：

'label[for="fl-input-checkbox-create-account-panel"]'

推荐阅读