label遍历选中复选框jquery

您可以使用 jQuery 来获取选中的复选框的值。以下是一个示例代码，仅供参考：

<label><input type="checkbox" name="fruit" value="apple"> Apple</label>
<label><input type="checkbox" name="fruit" value="orange"> Orange</label>
<label><input type="checkbox" name="fruit" value="banana"> Banana</label>
<button id="btnGetSelectedFruits">Get Selected Fruits</button>

<script>
$(function() {
  $('#btnGetSelectedFruits').on('click', function() {
    var selectedFruits = [];
    $('input[name="fruit"]:checked').each(function() {
      selectedFruits.push($(this).val());
    });
    alert("Selected fruits: " + selectedFruits.join(", "));
  });
});
</script>

在上面的示例中，我们首先为每个复选框包裹了一个 `label` 标签，然后使用 jQuery 选择器 `$('input[name="fruit"]:checked')` 获取所有名称为 `fruit` 且被选中的复选框元素。接下来，我们遍历所有选中的复选框，将其值添加到 `selectedFruits` 数组中。最后，我们使用 `join` 方法将数组中的所有元素连接成一个字符串，并显示在一个弹出框中。

注意，在这个示例中，我们为获取选中的复选框的值绑定了一个点击事件，这样当用户点击按钮时，才会执行相应的代码。