使用 Puppeteer 单击复选框时出错

Question

我在点击 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();
});

Answer 1

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

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

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

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