Tips: JQuery 多元素选择并转化成数组

bazingaedward

于 2017-12-02 18:24:33 发布

阅读量2.4k

点赞数

分类专栏：前端技术文章标签： jquery checkbox

本文链接：https://blog.youkuaiyun.com/u011077672/article/details/78697465

版权

28 篇文章

订阅专栏

本文介绍如何使用JQuery将HTML form中的多个checkbox选中项转换为数组。在用户选择后，以value值形成数组，解决map函数返回object而非array的问题，确保结果能被JSON.stringify()处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html的form中包含多个checkbox组件，希望能够在用户选择后以数组的形式返回用户的选择结果（指的是value中的值）:
select checkbox
得到的结果示例为：

['SO2', 'NOX', 'CO', 'PM']

正常的JQuery思路为：

var variables = $('input[name=variables]:checked').map(function(){
      return this.value;
    });

但map返回的结果并不是array，variables的变量类型是object，所以需要再加一步：

var variables = $('input[name=variables]:checked').map(function(){
      return this.value;
    }).toArray();

这样就转换好了，而这个数组是JSON.stringify()可以转换的，否则的话像原先的结果会报错：

JSON.stringify, avoid TypeError: Converting circular structure to JSON