zoukankan      html  css  js  c++  java
  • 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分割就好了!

  • 相关阅读:
    B/S---控件属性
    Windows Form -----内容(11)
    C#--Web控件简介
    C#控件基本1
    C#增删改小总结
    C#播放器控件的常用方法介绍
    C#封装---小练
    链接SQL、事务---小总结
    事务-----2
    事务----1
  • 原文地址:https://www.cnblogs.com/hellokitty1/p/5993269.html
Copyright © 2011-2022 走看看