首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用jquery从复选框组中获取检查值

使用jQuery从复选框组中获取选中值的方法是通过选择器选中所有被选中的复选框,然后使用.map()方法将其值存储到一个数组中。

以下是一个完整的示例代码:

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
  <title>获取复选框组的选中值</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <h2>复选框组:</h2>
  <input type="checkbox" name="fruit" value="apple">苹果<br>
  <input type="checkbox" name="fruit" value="banana">香蕉<br>
  <input type="checkbox" name="fruit" value="orange">橙子<br>
  <input type="checkbox" name="fruit" value="grape">葡萄<br>
  <br>
  <button id="getValues">获取选中值</button>

  <script>
    $(document).ready(function() {
      $('#getValues').click(function() {
        var selectedValues = $('input[name="fruit"]:checked').map(function() {
          return $(this).val();
        }).get();

        console.log(selectedValues);
      });
    });
  </script>
</body>
</html>

在上述代码中,我们使用了jQuery的选择器$('input[name="fruit"]:checked')来选中所有被选中的名为"fruit"的复选框。然后,我们使用.map()方法遍历选中的复选框,并将每个复选框的值存储到一个数组中。最后,我们使用.get()方法获取该数组,并将其打印到控制台。

这个方法适用于任何复选框组,你只需要将选择器中的"name"属性值替换为你实际使用的复选框组的名称。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。

请注意,以上推荐的腾讯云产品仅供参考,你可以根据实际需求选择适合的产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

16分8秒

人工智能新途-用路由器集群模仿神经元集群

领券