彈框modal， 獲取id與綁定id

一、先綁定屬性data-groupClassId

var span2 = '<span class="replaceBlue cursor" data-target="#myModalMember" data-toggle="modal" data-groupClassId="'+groupId+'" >成員管理</span>';

 

 

 

 二、modal 彈出

 1、  //成員管理
    $('#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
　　　　})
　　});


2、 //成員管理
    $('#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
　　　　})
    }