无法打印所有选中的二维码，仅打印首个元素求助

看起来你遇到的核心问题有两个：一是只取到了第一个二维码元素，二是循环逻辑完全搞错了方向。咱们一步步来修复：

问题分析 #

1. 只获取第一个二维码：你的代码里document.getElementsByClassName("QR")[0].innerHTML用了[0]，直接取了集合里的第一个元素，后面的二维码根本没被选中。
2. 错误的循环逻辑：你循环的是codes.length，也就是第一个二维码HTML字符串的长度，这会导致你重复打印第一个二维码N次（N是字符串的字符数），完全不是你要的批量打印所有选中项。
3. HTML Collection相关错误：getElementsByClassName返回的是一个动态HTMLCollection，如果在操作DOM时集合变化可能出问题，但你这里主要是没正确遍历它。

修复后的代码 #

方案1：所有选中二维码在同一个打印窗口（推荐，避免多窗口弹窗）

把所有选中的二维码放到同一个打印页面里，一次性打印：

function PrintQR() {
  // 获取所有二维码元素
  const qrElements = document.getElementsByClassName("QR");
  // 拼接所有二维码的HTML内容
  let qrHtml = '';
  for (let i = 0; i < qrElements.length; i++) {
    qrHtml += qrElements[i].innerHTML + '<br><br>'; // 加换行分隔每个二维码
  }

  // 打开一个打印窗口
  const popupWin = window.open('', 'PrintQRWindow', 'width=800,height=600');
  popupWin.document.open();
  popupWin.document.write(`
    <html>
      <head>
        <style>
          /* 可以加一些打印样式，让二维码排版更美观 */
          .Q { margin: 20px 0; text-align: center; }
        </style>
      </head>
      <body onload="window.print()">
        ${qrHtml}
      </body>
    </html>
  `);
  popupWin.document.close();

  // 打印后自动关闭窗口（可选，有些浏览器可能需要用户手动关闭）
  setTimeout(() => {
    popupWin.close();
  }, 1000);
}

方案2：每个二维码单独打开打印窗口（不推荐，会弹出多个窗口）

如果你确实需要每个二维码单独打印，可以这样改：

function PrintQR() {
  const qrElements = document.getElementsByClassName("QR");
  // 遍历所有二维码元素
  for (let i = 0; i < qrElements.length; i++) {
    const qrContent = qrElements[i].innerHTML;
    const popupWin = window.open('', `PrintQR_${i}`, 'width=400,height=400');
    popupWin.document.open();
    popupWin.document.write(`
      <html>
        <body onload="window.print()">
          <div class="Q">${qrContent}</div>
        </body>
      </html>
    `);
    popupWin.document.close();
    setTimeout(() => {
      popupWin.close();
    }, 1000);
  }
}

额外提示 #

• 给打印窗口加固定的尺寸参数，避免窗口大小混乱
• 可以添加打印样式（比如在<head>里加<style>），让打印出来的二维码排版更整齐
• 如果你担心HTMLCollection的问题，可以把它转换成数组：const qrElements = Array.from(document.getElementsByClassName("QR"));，这样遍历更稳妥

你的PHP部分不需要修改，保持原样即可 #

内容的提问来源于stack exchange，提问作者Ed Lachgar