如何使用jQuery获取所有选中复选框的值并生成数组

嘿，这个需求其实很好实现，我给你整理了一套完整的方案，直接套用就行！

首先我们先把HTML结构补全（你已经有复选框了，只需要加个触发按钮）：

<!-- 你的运算复选框 -->
<input class="operation" type="checkbox" id="chkAdd" value="addition"><label>Addition</label>
<input class="operation" type="checkbox" id="chkSub" value="subtraction"><label>Subtraction</label>
<input class="operation" type="checkbox" id="chkMul" value="multiplication"><label>Multiplication</label>
<input class="operation" type="checkbox" id="chkDiv" value="division"><label>Division</label>

<!-- 新增触发按钮 -->
<button id="generateBtn">生成数学题</button>

接下来是核心的JavaScript逻辑，我们分三步走：获取选中的复选框、提取值到数组、传给生成题目的函数：

// 获取按钮元素
const generateBtn = document.getElementById('generateBtn');

// 给按钮绑定点击事件
generateBtn.addEventListener('click', function() {
  // 1. 筛选出所有被选中的运算复选框
  const checkedBoxes = document.querySelectorAll('.operation:checked');
  
  // 2. 把选中的复选框的value提取出来，组成数组
  // 这里用Array.from把NodeList转成数组，再用map提取每个复选框的value
  const selectedOps = Array.from(checkedBoxes).map(box => box.value);
  
  // 3. 调用你的题目生成函数，记得先判断有没有选中选项
  if (selectedOps.length === 0) {
    alert('至少选一种运算类型哦！');
    return;
  }
  
  // 这里就是你说的另一个生成题目的函数，把数组传进去就行
  generateMathProblems(selectedOps);
});

// 模拟你要调用的生成题目函数，你可以把这里替换成自己的业务逻辑
function generateMathProblems(operations) {
  console.log('当前选中的运算类型:', operations);
  
  // 举个例子，根据不同的运算类型生成对应题目
  operations.forEach(op => {
    switch(op) {
      case 'addition':
        console.log('生成一道加法题：2 + 3 = ?');
        break;
      case 'subtraction':
        console.log('生成一道减法题：5 - 1 = ?');
        break;
      case 'multiplication':
        console.log('生成一道乘法题：4 × 6 = ?');
        break;
      case 'division':
        console.log('生成一道除法题：12 ÷ 3 = ?');
        break;
    }
  });
}

关键要点说明： #

• document.querySelectorAll('.operation:checked') 会直接返回所有带有operation类且被选中的复选框，非常方便
• Array.from(checkedBoxes) 是把DOM查询返回的NodeList转换成数组，这样就能用数组的map方法了（也可以用扩展运算符[...checkedBoxes]代替，效果一样）
• 加了个空数组判断，避免用户没选任何选项就点击按钮的情况

你把这段代码直接放到你的项目里，把generateMathProblems函数替换成你自己的生成逻辑就可以啦！

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