jquery实现获取多个复选框选中值，并拼接为字符串

最新推荐文章于 2021-05-15 11:41:08 发布

sxf359

最新推荐文章于 2021-05-15 11:41:08 发布

阅读量5.4k

点赞数

分类专栏： jquery javascript 文章标签： jquery checkbox

本文链接：https://blog.csdn.net/sxf359/article/details/53979884

版权

javascript 同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

jquery

33 篇文章 0 订阅

订阅专栏

选中值并且赋值给数组arr
var arr = [];
   $("input[name='chk']:checkbox").each(function(index) {
       if ($(this).prop("checked") === true) {

console.info($(this).val());

arr.push($(this).val());

       }
   });

拼接为一个字符串，用逗号分隔：

arr.join()

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sxf359

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html5复选框多项赋值,jQuery操作复选框(CheckBox)的取值赋值实现代码

weixin_42097450的博客

06-10

1166

1. 获取单个checkbox选中项(三种写法)：$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val();2. 获取多个checkbox选中项：$('input:checkbox').each(function() {if...

jQuery 获取选中多选框的value，合并成字符串传给后台

好巧的博客

01-08

3382

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话，很高兴能够帮助上你。

参与评论您还未登录，请先登录后发表或查看评论

jquery获取复选框选择值，多个以逗号分隔

ardo_pass的博客

01-02

7165

var effectModel = $("input:checkbox[name='effectModel']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(',');

html 复选框 mysql_php – 如何将表单中复选框的值保存到单个MySQL字段中？

weixin_36328260的博客

03-04

227

我有一个表格,我有很多音乐流派.艺术家可以在很多类型下演唱.我把这些类型放在复选框中.现在我需要将复选框的值存储到单个字段中.有些人可以帮我解决一些代码片段,因为我是php编程新手吗？解决方法:一般来说,你不应该这样做.您的数据库不会是normalized,这将使在类型字段上构建查询变得困难.如果你有一个名为artist的表和一个名为genres的表,那将是一个更好的主意.然后,您将在另一个表ar...

layui 遍历复选框选中的value 值，拼接一个字符串传入后台

Ming-code

08-21

1587

layui.use(['form'],function () { var form = layui.form; form.on('checkbox(onCheckVal)', function(data){ var checkStr = ''; var _this = data.elem.parentNode; ...

html根据复选框勾选顺序生成字符串

GlatChen的专栏

02-09

2103

check <script src="http://code.jquery.com/jquery-latest.js"> 猴子大象狮子 function chkTag(e) { var val = ""; if (e.checked) {

一览画面点击复选框后获取多个id值的方法

10-22

当用户选择多条记录进行批量删除时，如何从前端获取这些复选框对应的id值并传递到后端，就成为了一个问题的关键。首先，页面前端使用的是JavaScript技术。具体实现可以分为以下几个步骤： 1. 在JSP页面中实现全选...

Jquery获取复选框被选中值的简单方法

10-27

利用Jquery，开发者可以轻松实现对复选框选中值的获取。在本文中，将介绍使用Jquery获取复选框被选中值的简单方法。具体操作是通过绑定点击事件到一个按钮上，当按钮被点击时触发一个函数，该函数会遍历页面上所有...

jquery获取复选框被选中的值

10-26

5. 获得选中的所有值：与jqchk()函数类似，但这里是直接在点击事件中处理，将选中的复选框的值拼接成字符串，并通过alert()函数显示出来。以上操作都是通过jQuery进行的，每个操作都通过绑定一个按钮点击事件来...

jQuery获取checkbox选中的值

10-22

- **选中值的拼接与提示**：如果用户选中了多个复选框，将它们的值拼接成一个字符串，并在点击复选框时显示这个字符串。 - **实现全选/全不选和交错选中**：代码中包含了控制所有checkbox选中状态的按钮，并有示例...

jquery处理checkbox（复选框）是否被选中实例代码

10-19

最后点击“获得选中的所有值”按钮时，遍历所有复选框，将选中复选框的值拼接成一个字符串，并通过`console.log`输出到控制台。通过以上实例的演示，我们可以看到，使用jQuery处理复选框的选中状态时，应优先考虑...

checkbox多选框拼接成字符串到后台接收存入数据库

热门推荐

wodetian1225的博客

06-13

1万+

项目中我做修改用户个人资料的时候，有一个需求是帮助人员的帮助类型如图下所示：当初想如果是asp.net控件的话应该很简单实现，如果不是基于easyUI框架那就太简单了，现在是受框架的限制与是前端html控件，所以还是会稍微多转化一下，前提这个是个人资料的修改，需要如果用户已经选择某项的话，需要加载时打上对勾：如图所示思路对于数据的存储考虑过...

jQuery获取多个复选框的值

Kathy_Hui的博客

09-07

1152

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery获取多个复选框的值</title> <script src="https://cdn.bootcss.c

jquery 获取checkbox 选中值并拼接字符集

afmn3846的博客

06-02

277

1.代码示例： var chk_value =[]; $('input[name="rewardids"]:checked').each(function(){ 　　　chk_value.push($(this).val()); }); var rewardid = cnb.join("|"); 2.原理 1）在JavaScript中，数组对象 Array的方法arr.j...

js获取复选框选中的个数(值用逗号拼接)

TuChuanLLuan的博客

05-15

502

代码 var count =0; var ids =""; $("input[name='isSelect3']:checked").each(function(i){ count++; ids+="'"+$(this).val()+"',"; }); //去掉最后的逗号 ids = ids.substring(0,ids.length-1);

10、Checkbox Input 多选

qq_37152533的博客

09-10

882

效果要点首获取到的 <input> 组转化为数组，针对每次操作，获取 A 和 B，利用 indexOf() 来获得 A 和 B 在数组中的索引值，由此即可确定范围，并能通过 slice() 来直接截取 A-B 的所有 DOM 元素，并进行状态改变的操作，而变量 onOff 表示 A-B 范围内的状态，true 表示选中，false 表示取消选中。转换 Nodelist 为数组 const boxs = document.querySelectorAll('.inbox input[t

jquery获取所有checkbox选中值，并串联成字符串(兼容IE8-FF)

原野

01-05

3357

function GetCheckboxvalues() { var optIDs = ''; jQuery("input:checkbox[name='OperationID']:checked'").each(function() { optIDs += this.value + ','; }); //遍历，用逗号串联 a

checkbox全选功能，选中所有框放到一个,拼接的字符串

邱海健的博客

10-29

296

html—————————— js-------- //全选 checkedAll(event) { const checkboxs = Global._document.getElementsByClassName(‘orderCheck’); for (const checkbox of checkboxs) { if (event.target.checked) { checkbox.c...

JQUERY拼接数组

思维小刀

06-06

2331

定义一个一维数组一个一个的进行填充字符串（id+quantity）通过遍历进行填充！ var data = []; $(".order_list li").each( function(){ var tmp_book_id = $(this).attr("data"); var tmp_quantity = $(this).attr("data-quantity");...

掌握jQuery多选框选中值获取的技巧

资源摘要信息:"jquery获取checkbox选中的值" 知识点： 1. jQuery基础使用：在开始讨论如何使用jQuery获取checkbox选中的值之前，我们首先需要理解jQuery的基本概念。jQuery是一个快速、小巧、功能丰富的JavaScript...