Javascript 木偶变换输入值

我有一些带有无线电输入的HTML标记：

<div class="form-group p-o-popover-box">
    <div>
      <label
        ><input
          id="poi-5cf7ca81d0eb1"
          type="radio"
          name="po-5cf4fe14bd491_productRadio"
          data-price="0"
          value="Vacuum "       <--- Question here
          class="p-o-radio"
          title="Vacuum "
        />
        Vacuum
      </label>
    </div>
    <div>
      <label
        ><input
          id="poi-5cf7ca81d31d1"
          type="radio"
          name="po-5cf4fe14bd491_productRadio"
          data-price="0"
          value="Non Vacuum"    <--- and here
          class="p-o-radio"
          title="Non Vacuum"
        />
        Non Vacuum</label
      >
    </div>
  </div>

但没有任何效果。

---

请帮助。

queryselectoral.forEach

的工作方式与

map

不同，并且它没有

map

功能。您必须在该

forEach

中设置它：

等待页面。评估（（）=>
文件
.querySelectorAll（“p-o-radio”）
.forEach（v=>v.value=v.value.trim（）.toUpperCase（））//在此处设置v.value，而不只是返回
);

---

page.evaluate接受函数作为参数。函数getUpperCase将单选按钮微调的每个值转换为大写。函数最终返回一组值。希望这有帮助

谢谢大家，现在它开始工作了：

const pureSelector = ".p-o-radio";

await page.evaluate(pureSelector => {
  return document
    .querySelectorAll(pureSelector)
    .forEach(opt => (opt.value = opt.value.trim().toUpperCase()));
},pureSelector);

function getUpperCase() {
  let values = [];
  document.querySelectorAll(".p-o-radio").forEach((v) => {
    values.push(v.value.trim().toUpperCase());
  });
  return values;
}

const results = await page.evaluate(getUpperCase);

const pureSelector = ".p-o-radio";

await page.evaluate(pureSelector => {
  return document
    .querySelectorAll(pureSelector)
    .forEach(opt => (opt.value = opt.value.trim().toUpperCase()));
},pureSelector);