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

最新推荐文章于 2022-08-11 10:35:27 发布

weixin_34194359

最新推荐文章于 2022-08-11 10:35:27 发布

阅读量1.3k

点赞数

文章标签：前端测试 java ViewUI

在项目中有些地方需要批量添加的数据，在这里使用到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分割就好了！