checkbox将选中的数据提交到后台

简介: 在项目中有些地方需要批量添加的数据,在这里使用到checkbox比较方便一些。 例如:我需要将多个包添加到同一个地区的         主要的前端代码:  这个是用来放checkbox的。

       在项目中有些地方需要批量添加的数据,在这里使用到checkbox比较方便一些。

例如:我需要将多个包添加到同一个地区的

       

主要的前端代码:

 这个是用来放checkbox的。

      <div id="servicePacks"></div>

 

通过ajax来得到数据库的数据,循环写出checkbox把数据绑上去。

   

function getAllServicePacks(){
       $.ajax({
           method: 'get',
           url: '路径',
          success: function (back) {
             if (back["stateCode"] === 200 && back.data && back.data.rows) {
                 var rows = back.data.rows, len = rows.length, checkbox=$('#servicePacks');
                 for (var i = 0; i < len; ++i) {                
                   checkbox.append($("<input type='checkbox' class='check_box' value='" + rows[i].id + "' name='jbbm' />&nbsp;&nbsp;<span>" +
                         rows[i].servicePackName + "</span><br/><br/>"));                 
                 }
             }
             
         } 
       })
    }

 

 这里的得到选中的数据:

     

 var qx = $("input[name='jbbm']:checked").map(function () {
                           return $(this).val();
                       }).get().join(',');    

   在后台只需要用split分割就好了!

相关文章
uniapp类似合同选择checkbox-group-选中取消(整理)
uniapp类似合同选择checkbox-group-选中取消(整理)
|
11月前
|
JavaScript
vue 将Checkbox 多选框选中的值提交到后台
vue 将Checkbox 多选框选中的值提交到后台
|
6月前
|
JavaScript
点击提交按钮,提交所有生成的input参数
点击提交按钮,提交所有生成的input参数
26 0
|
10月前
|
JavaScript PHP 数据库
layui框架实战案例(18):保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案
layui框架实战案例(18):保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案
186 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
527 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
前端开发 数据安全/隐私保护 开发者
提交按钮 | 学习笔记
快速学习提交按钮
179 0
提交按钮 | 学习笔记
|
存储
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
436 0
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态