1、先绑定属性data-groupClassId
var span2 = '<span class="replaceBlue cursor" data-target="#myModalMember" data-toggle="modal" data-groupClassId="'+groupId+'" >成员管理</span>';

2、modal 弹出

 一、  //成员管理
$('#myModalMember').on('show.bs.modal',function(event){
var groupClassId = $(event.relatedTarget).attr('data-groupClassId'); //获取id 后这里可以直接用
console.log(groupClassId); sercice(sUrl.selectGroupMemberInfo, function(data){
if(data.success){
var GroupMemberInfos = data.body.GroupMemberInfos;
var str='';
if(GroupMemberInfos.length>0){
for(var i=0;i<GroupMemberInfos.length;i++){
var userName = GroupMemberInfos[i].userName;
var courseCount = GroupMemberInfos[i].courseCount;
var isMember = GroupMemberInfos[i].isMember; str+='<div class="clearfix item">';
str+= '<span class="pull-left">'+userName+'-'+courseCount+'节</span>';
str+= '<span class="pull-right">';
str+= '<input type="checkbox" id="awesome_'+i+'" onclick="checkBox(this)">';
str+= '<label for="awesome_'+i+'"></label>';
str+= '</span>';
str+='</div>';
}
}
$("#selectStu").html(str);
}
}, {
"addressId" : storageAddressId,
"token":token,
"groupClassId":groupClassId
    })
  }); 二、 //成员管理
$('#myModalMember').on('show.bs.modal',function(event){

     var groupClassId = $(event.relatedTarget).attr('data-groupClassId') ; //获取 后这里可以直接用
//给此弹框绑定 后面函数可以直接用
$("#myModalMember").attr('data-groupClassId'
,groupClassId);
abc();

  });
function abc(){
var groupClassId = $("#myModalMember").attr('data-groupClassId',groupClassId); //获取弹框上的id
sercice(sUrl.selectGroupMemberInfo, function(data){
if(data.success){
var GroupMemberInfos = data.body.GroupMemberInfos;
var str='';
if(GroupMemberInfos.length>0){
for(var i=0;i<GroupMemberInfos.length;i++){
var userName = GroupMemberInfos[i].userName;
var courseCount = GroupMemberInfos[i].courseCount;
var isMember = GroupMemberInfos[i].isMember; str+='<div class="clearfix item">';
str+= '<span class="pull-left">'+userName+'-'+courseCount+'节</span>';
str+= '<span class="pull-right">';
str+= '<input type="checkbox" id="awesome_'+i+'" onclick="checkBox(this)">';
str+= '<label for="awesome_'+i+'"></label>';
str+= '</span>';
str+='</div>';
}
}
$("#selectStu").html(str);
}
}, {
"addressId" : storageAddressId,
"token":token,
"groupClassId":groupClassId
    })
}

弹框modal, 获取id与绑定id的更多相关文章

  1. 在弹框中获取foreach中遍历的id值,并传递给地址栏(方法2)

    1.php有时候我们需要再弹框中获取foreach中遍历的数据(例如id),在弹框中点击按钮并传递给地址栏跳转.那么应该怎么做呢.第二种方法. 2. 可以在弹框中给出一个input hidden 点击 ...

  2. 在弹框中获取foreach中遍历的id值,并传递给地址栏。

    1.php有时候我们需要再弹框中获取foreach中遍历的数据(例如id),在弹框中点击按钮并传递给地址栏跳转.那么应该怎么做呢. 2. 点击取现按钮,如果没有设置密码->弹框 3. 点击去设置 ...

  3. 微信小程序之弹框modal

    官方文档 <modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮&q ...

  4. js弹框3秒后自动消失

    开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法 ...

  5. pc端弹框

    pc弹框插件:http://aui.github.io/artDialog/doc/index.html#quickref-bubble PC端,手机端,layui很好用,分页啥的:http://ww ...

  6. jQuery-laye插件实现 弹框编辑,异步验证,form验证提交

    代码中用到了 jQuery的ajax异步处理,each()循环,submit()页面验证提交form表单,prepend()追加标签,laye插件的弹框效果(如有其它弹框效果可参考官网:http:// ...

  7. 【04】openlayers 地图弹框

    效果: 创建地图: //创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection: 'EPSG:4326', //投 ...

  8. iOS 可高度自定义的底部弹框

    技术: iOS Objective-C   概述 一个可以让开发者通过编写 tableView 的内容随心所欲的定制自己想要的底部弹框 详细 代码下载:http://www.demodashi.com ...

  9. js同过url下载文件,调用另存为弹框

    实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文件上传到项目的根目录下,并进行保存,随后根据此文件的路径进行下载到本地磁盘 实战中,项目将文 ...

随机推荐

  1. 【技术干货】git常用命令

    2.1 git init语法: git init在当前目录初始化git仓库,适用于尚未使用git管理的项目2.2 git clone语法: git clone <url>例如: git c ...

  2. Jenkins gitlab vue,angular,react 自动化构建【原】

    大致思路,(本篇主要讲vue ,当然了 angular react 也是一样配置) ,转发请注明原链接,谢谢 :) 1. 服务器上面配置jenkins (安装配置,不介绍) 2.新建item 自由风格 ...

  3. 网卡name-eth1如何修改为eth0

    正常来说,Linux在识别网卡时第一张会是eth0,第二张才是eth1. 有时候我们使用虚拟机克隆技术后网卡的信息就会改变,新克隆出来的虚拟主机网卡名字可能变为eth1.无论我们怎么修改都无法改变,这 ...

  4. 【ASP.NET Core】解决“The required antiforgery cookie "xxx" is not present”的错误

    当你在页面上用 form post 内容时,可能会遇到以下异常: The required antiforgery cookie "????????" is not present ...

  5. Java经典编程题50道之十

    一球从100米高度自由落下,每次落地后反跳回原高度的一半:再落下……求它在第10次落地时,共经过多少米?第10次反弹多高? public class Example10 {    public sta ...

  6. js在函数中未定义的变量的处理

    <html> <head> <script type="text/javascript"> var z=1; function abc(){ x ...

  7. nodejs的基础概念

    1.node 安装与相关配置. 2.Node.jsREPL(交互式解释器) 类似于控制台,可以输入命令,并接受系统的响应. REPL 的功能: 1.读取:读取用户输入,解析输入的 js 数据结构,并存 ...

  8. 使用flask_sqlalchemy

    首先引用一下廖雪峰Python教程里关于sqlalchemy的话, 这里我们要讲的是flask_sqlalchemy的用法. 1. 安装 用pip安装即可, 进入cmd控制台输入 pip instal ...

  9. 网卡驱动引起openstack的mtu问题

    一套Pike版本的openstack测试环境,使用vlan模式的网络,数据网网卡使用的是绿联的usb百兆网卡,遇到了虚拟机网络异常的问题.同一个vlan下,不同宿主机上的两台虚拟机,相互之间可以pin ...

  10. Hama顶点编程

    Hama是基于HDFS上的BSP模型实现. Apache Hame是Google Pregel的开源实现 Pregel是Google提出的一个面向大规模图计算的通用编程模型.许多实际应用中都涉及到大型 ...