帮我写一个循环复选框获取里面的值

当然可以，以下是一个示例代码：

HTML 代码：

<input type="checkbox" name="fruit" value="apple">苹果
<input type="checkbox" name="fruit" value="banana">香蕉
<input type="checkbox" name="fruit" value="orange">橙子
<input type="checkbox" name="fruit" value="grape">葡萄
<button onclick="getChecked()">获取选中的水果</button>

JavaScript 代码：

function getChecked() {
  var fruits = document.getElementsByName("fruit");
  var checkedFruits = [];
  for (var i = ; i < fruits.length; i++) {
    if (fruits[i].checked) {
      checkedFruits.push(fruits[i].value);
    }
  }
  alert("选中的水果是：" + checkedFruits.join(", "));
}

这段代码会获取所有 name 属性为 "fruit" 的复选框，然后遍历每一个复选框，如果它被选中了，就把它的值加入到一个数组中。最后，把选中的水果的值用逗号连接起来，弹出一个提示框显示出来。

相关问题

获取c：forech循环复选框并且获取里面的值

可以使用以下代码获取 c:foreach 循环中的复选框的值：

1. 在 JSP 页面中，使用以下代码创建一个名为 "checkboxList" 的 List 对象：

List<String> checkboxList = new ArrayList<String>();

2. 在 c:foreach 循环中，使用以下代码获取复选框的值并添加到 checkboxList 中：

<c:forEach items="${checkboxValues}" var="checkboxValue">
<c:if test="${param[checkboxValue] ne null}">
<c:set var="checked" value="checked" />
<c:set var="checkboxValue" value="${param[checkboxValue]}" />
<c:set target="${checkboxList}" property="${checkboxValue}" value="${checkboxValue}" />
</c:if>
</c:forEach>

3. 现在，checkboxList 中包含了所有选中的复选框的值。可以使用以下代码遍历 checkboxList 并获取每个复选框的值：

for (String checkboxValue : checkboxList) {
System.out.println("选中的复选框的值为：" + checkboxValue);
}

数组循环使用v-model如何获取多个复选框的值

可以通过在每个复选框上绑定一个相同的 v-model 数组，并在每个复选框上绑定一个唯一的值来实现。例如：

<template>
  <div>
    <label v-for="(item, index) in items" :key="index">
      <input type="checkbox" :value="item" v-model="checkedItems"> {{ item }}
    </label>
    <button @click="submit">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ['选项1', '选项2', '选项3'],
      checkedItems: []
    }
  },
  methods: {
    submit() {
      console.log(this.checkedItems)
    }
  }
}
</script>

在上面的示例中，我们使用了 v-for 循环遍历一个数组来生成多个复选框，每个复选框都绑定了同一个 v-model 数组 checkedItems。当用户勾选或取消勾选一个复选框时，该复选框的值会被添加或从 checkedItems 数组中移除。最终，我们可以在 submit 方法中访问 checkedItems 数组来获取所有被勾选的复选框的值。