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分割就好了!

原文地址:https://www.cnblogs.com/hellokitty1/p/5993269.html