Javascript 使用jquery从组中获取组成员
在my中有两个表（在users选项卡中），一个用于显示组成员，另一个用于显示组名称。在fiddle中，一些已经创建的组是test3，spanwave和koio。spanwave的成员是namenayak和ajay。同样，koio的成员是steven和name。现在假设如果我单击spanwave，则会从左侧表格中选中namenayak和ajay的复选框。同样，如果我单击koio组，则会选择steven和name。这对新用户来说很好创建了组，但我不知道如何获得与现有组相同的工作 新创建的组单击两个以上复选框，然后会出现一个组按钮，现在单击“组”按钮，将出现一个提示弹出窗口，要求您输入组名。输入一些名称，然后单击“确定”。然后该名称将显示在右侧的组表上。现在单击组名，然后将选择这些成员。我还想从现有组中输入相同的名称。请告诉我如何操作 新创建的组的Javascript代码Javascript 使用jquery从组中获取组成员,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,在my中有两个表（在users选项卡中），一个用于显示组成员，另一个用于显示组名称。在fiddle中，一些已经创建的组是test3，spanwave和koio。spanwave的成员是namenayak和ajay。同样，koio的成员是steven和name。现在假设如果我单击spanwave，则会从左侧表格中选中namenayak和ajay的复选框。同样，如果我单击koio组，则会选择steven和name。这对新用户来说很好创建了组，但我不知道如何获得与现有组相同的工作 新创建的组单击两个以
$(document).on('click', '#btn2',function () {
var groupmems="";
var grpname;
var email=new Array();
var username=new Array();
var mobno=new Array();
var creat_group = prompt("Name your group??");
grpname=creat_group;
if (creat_group) {
console.log(obj);
$("#groupsTable").append('<tr id="groupTr' + groupTrCount + '"></tr>');
$tr=$("#groupTr" + groupTrCount);
var sCheckbox = new Array();
$('#mytable tr').find('input[type="checkbox"]:checked').each(function(i) {
sCheckbox.push($(this).attr("data-id"));
alert("hello " +sCheckbox);
});
var ds = (sCheckbox.length > 0) ? sCheckbox.join(",") : "";
$tr.append("<td data-selected='"+ds+"'> <input type='button' id='btn5' class='btn btn-lg btn-primary' value='"+creat_group+"'/> </td>");
var userColumn = "<ul>";
$('#mytable tr').filter(':has(:checkbox:checked)').each(function() {
var count=0;
var arrid=0;
$(this).find('td').each(function() {
//your ajax call goes here
if(count == 1){
userColumn+= "<li>" + $(this).html() + "</li>" ;
username[arrid]=$(this).html();
groupmems=groupmems+$(this).html()+":";
}
if(count==2)
{
email[arrid]=$(this).html();
groupmems=groupmems+$(this).html()+":";
}
if(count==3)
{
mobno[arrid]=$(this).html();
groupmems=groupmems+$(this).html()+";";
}
count++;
});
arrid++;
});
$('input:checkbox').removeAttr('checked');
alert("group name "+grpname);
alert(groupmems);
//ajax for group insert
$.ajax(
{
type: "POST",
url: "GroupInsert.jsp", //Your full URL goes here
data: { group: groupmems,groupname:grpname},
success: function(data, textStatus, jqXHR){
alert(data);
},
error: function(jqXHR){
alert(jqXHR.responseStatus);
}
});
userColumn+="<ul>";
$tr.append("<td >" +userColumn+ "</td>");
groupTrCount++;
}
});
$（文档）.on（'click'，'btn2'，函数（）{
var=”；
var-grpname；
var email=新数组（）；
var username=新数组（）；
var mobno=新数组（）；
var creat_group=prompt（“命名您的组”）；
grpname=创建组；
如果（创建组）{
控制台日志（obj）；
$（“#groupsTable”）。追加（“”）；
$tr=$（“#groupTr”+groupTrCount）；
var sCheckbox=新数组（）；
$（'#mytable tr'）.find（'input[type=“checkbox”]：checked'）。每个（函数（i）{
sCheckbox.push（$（this.attr（“数据id”））；
警报（“hello”+sCheckbox）；
});
变量ds=（sCheckbox.length>0）？sCheckbox.join（“，”）：；
$tr.append（“”）；
var userColumn=“”；
$（'#mytable tr'）。筛选器（':has（：复选框：checked'）。每个（函数（）{
var计数=0；
var-arrid=0；
$（this）.find（'td'）.each（function（）{
//你的ajax调用在这里
如果（计数=1）{
userColumn+=“- ”+$（this.html（）+”
”；
用户名[arrid]=$（this.html（）；
groupmems=groupmems+$（this）.html（）+“：”；
}
如果（计数=2）
{
电子邮件[arrid]=$（this.html（）；
groupmems=groupmems+$（this）.html（）+“：”；
}
如果（计数=3）
{
mobno[arrid]=$（this.html（）；
groupmems=groupmems+$（this.html（）+“；”；
}
计数++；
});
arrid++；
});
$（'input:checkbox'）。removeAttr（'checked'）；
警报（“组名”+grpname）；
警报（组）；
//用于组插入的ajax
$.ajax(
{
类型：“POST”，
url:“GroupInsert.jsp”//您的完整url位于此处
数据：{group:groupmems，groupname:grpname}，
成功：函数（数据、文本状态、jqXHR）{
警报（数据）；
},
错误：函数（jqXHR）{
警报（jqXHR.responseStatus）；
}
});
用户列+=“”；
$tr.append（“+userColumn+”）；
groupTrCount++；
}
});
id<tr>
<td data-selected="{UIDS}">{GROUPNAME}</td>
</tr>
{GROUPNAME}
<tr>
<td data-selected="40,46">koio</td>
</tr>
<tr>
<td data-selected="48,50">spanwave</td>
</tr>
科奥
横波
id<tr>
<td data-selected="{UIDS}">{GROUPNAME}</td>
</tr>
{GROUPNAME}
<tr>
<td data-selected="40,46">koio</td>
</tr>
<tr>
<td data-selected="48,50">spanwave</td>
</tr>
科奥
横波