jQuery复选框选中值 - JavaScript

在web开发中，我们时常需要处理用户对页面上的复选框进行选择的情况。本篇文章将介绍如何使用jQuery来获取所选复选框的值。

HTML代码

首先，我们需要在HTML文件中定义一组复选框。以下是一个例子：

<label><input type="checkbox" name="fruit" value="apple"> Apple</label>
<label><input type="checkbox" name="fruit" value="banana"> Banana</label>
<label><input type="checkbox" name="fruit" value="orange"> Orange</label>

使用jQuery获取所选值

现在，我们可以使用jQuery来获取所选复选框的值。以下是一个例子：

// 获取所选复选框的值
var selectedValues = $('input[name="fruit"]:checked').map(function() {
  return $(this).val();
}).get();

// 输出所选值
console.log(selectedValues);

在上面的代码中，我们使用了一个jQuery选择器来选中所有被选中的名为“fruit”的复选框。接着，我们使用.map()方法将所选值映射到一个由所有被选中的复选框的值组成的数组中，最后使用.get()方法将数组返回。

结论

在本篇文章中，我们介绍了如何使用jQuery获取所选复选框的值。通过使用以上方法，我们可以轻松地处理并使用用户选择的值。