国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
js動(dòng)態(tài)生成table合并相同項(xiàng)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<html> 
 <head> 
  <title> New Document </title> 
  <script type="text/javascript">
      //xxbh:學(xué)校編號(hào),bjbh:班級(jí)編號(hào),xx:姓名 
      var arrJson = [
          { 'xxbh': '1001', 'bjbh': '0801', 'xx': '李四','je':20 }, { 'xxbh': '1001', 'bjbh': '0802', 'xx': '張三','je':200 },
          { 'xxbh': '1003', 'bjbh': '0803', 'xx': '王五', 'je': 20 }, { 'xxbh': '1003', 'bjbh': '0804', 'xx': '晶晶','je':10 },
          { 'xxbh': '1005', 'bjbh': '0701', 'xx': '亮亮', 'je': 20 }, { 'xxbh': '1002', 'bjbh': '0701', 'xx': '明敏', 'je': 25 },
          { 'xxbh': '1005', 'bjbh': '0701', 'xx': '張燦', 'je': 90 }, { 'xxbh': '1002', 'bjbh': '0801', 'xx': '小白', 'je': 40 },
          { 'xxbh': '1005', 'bjbh': '0802', 'xx': '小胖', 'je': 30 }, { 'xxbh': '1002', 'bjbh': '0901', 'xx': '小麗', 'je': 10 },
          { 'xxbh': '1003', 'bjbh': '0901', 'xx': '阿寶', 'je': 10 }, { 'xxbh': '1004', 'bjbh': '0901', 'xx': '王泰', 'je': 90 },
          { 'xxbh': '1001', 'bjbh': '0901', 'xx': '阿毛', 'je': 10 }, { 'xxbh': '1006', 'bjbh': '0901', 'xx': '李銘', 'je': 120 },
          { 'xxbh': '1005', 'bjbh': '0901', 'xx': '阿城', 'je': 10 }, { 'xxbh': '1004', 'bjbh': '0901', 'xx': '張曉', 'je': 280 },
          { 'xxbh': '1006', 'bjbh': '0901', 'xx': '小小', 'je': 90 }, { 'xxbh': '1004', 'bjbh': '0901', 'xx': '白晝', 'je': 10 },
          { 'xxbh': '1002', 'bjbh': '0901', 'xx': '樂(lè)樂(lè)', 'je': 10 }, { 'xxbh': '1001', 'bjbh': '0901', 'xx': '黎明', 'je': 20 }
      ];
      function creatMapByXxbh(arrJson) {
          var xxbhMap = {};
          var len = arrJson.length;
          for (var i = 0; i < len; i++) {

              if (xxbhMap[arrJson[i].xxbh] == undefined) {
                  var list = [];
                  list.push(arrJson[i]);
                  xxbhMap[arrJson[i].xxbh] = list;
              } else {
                  xxbhMap[arrJson[i].xxbh].push(arrJson[i]);
              }

          }
          var str = "<table border='1'><tr><td width='200'>學(xué)校編號(hào)</td><td width='200'>班級(jí)</td><td width='200'>姓名</td><td width='200'>錢</td></tr>";
          for (var xxbh in xxbhMap) {
              var stu = xxbhMap[xxbh];
              alert(stu.length);
              str += "<tr><td rowspan='" + stu.length + "'>" + xxbh + "</td>";
              for (var i = 0; i < stu.length; i++) {
                if (i == 0) {
                      str += "<td>" + stu[i].bjbh + "</td><td>" + stu[i].xx + "</td><td>"+stu[i].je+"</td></tr>";
                  } else {
                    str += "<tr><td>" + stu[i].bjbh + "</td><td>" + stu[i].xx + "</td><td>" + stu[i].je + "</td></tr>";
                  }
              }
              str += "<tr ><td colspan='3'>" + xxbh + "共有" + stu.length + "個(gè)班級(jí)</td></tr>"
          }
          str += "</table> ";
          document.write(str)
      }
  </script> 
 </head > 
 
 <body> 
  <button onclick='creatMapByXxbh(arrJson)'>測(cè)試</button>  
 </body> 
</html> 

打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
javascript 取table中內(nèi)容
多重條件多重選擇實(shí)現(xiàn)的js及css結(jié)合。還是蠻強(qiáng)的
月歷
table里每一行都有一個(gè)checkbox,選中一行后,怎么得到該行特定或者所有TD數(shù)據(jù)
漂亮至極的桌布
JS修改Table中Td的值。
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服