Javascript 如何选择单击按钮时的复选框

在“用户”选项卡中，有些行具有复选框。因此，如果选择了两个以上的复选框，则会出现一个名为group的按钮

现在，单击“组”按钮后，它将要求输入名称，按下组表右侧的“确定”按钮后，将创建一个组。例如，选择第一行和最后一行，然后单击“组”按钮。此时会出现一个对话框，要求输入名称。在输入字段中输入test，然后在右侧组表中显示test（请参见屏幕截图）

现在我的问题是：如果我现在单击测试（组名），那么左侧的复选框将被选中。因此，在我的情况下，将选中第一个复选框和最后一个复选框。请告诉我怎么做。这是

js代码如下所示

$(function() { 
    $("#datetimepicker").datetimepicker({ 
        format: "'dd/MM/yyyy hh:mm:ss'", 
        linkField: "#txt", 
        linkFormat: "yyyy-mm-dd hh:ii", 
        autoclose: true, 
    }); 

    jQuery('#datetimepicker').datetimepicker().on('changeDate', function(ev){ 
        $(".darea1").val($( ".darea1" ).val()+$( "#txt" ).val()); 
    }); 

}); 
$('#tabAll').click(function(){ 
    $('#tabAll').addClass('active'); 
    $('.tab-pane').each(function(i,t){ 
        $('#myTabs li').removeClass('active'); 
        $(this).addClass('active'); 
    }); 
}); 
$('body').on('click', '.btn', function(){ 
    if(this.id=='openAlert') {
        $('#number').val('');}else{$('#number').val(this.id);
    }
});
$(document).ready(function(){
    $("#signout").click(function() { 
        window.location.replace("logout.jsp"); 
    });
    //next line
/*var val=0;
$(document).ready(function(){


  $('#btn1').click(function(){
      if($(".span4").val()!="")
      {
  $("#mytable").append('<tr id="mytr'+val+'"></tr>');
  $("#mytr"+val).append('<td class=\"cb\"><input type=\"checkbox\" value=\"yes\" name="mytr'+val+'" checked ></td>');

             $(".span4").each(function () {

             $("#mytr"+val).append("<td >"+$(this).val()+"</td>");

              });
              val++;
      }
      else
      {
          alert("please fill the form completely");
      }
              });
    $('#btn2').click(function(){
        var creat_group=confirm("Do you want to creat a group??");
        if(val>1){
           alert(creat_group);


              }
    });




});*/
var val = 0;
var groupTrCount = 0;
$(document).ready(function () {    
    var obj={};
    $('#btn1').click(function () {
        if ($(".span4").val() != "") {
            $("#mytable").append('<tr id="mytr' + val + '"></tr>');
            $tr=$("#mytr" + val);
            $tr.append('<td class=\"cb\"><input type=\"checkbox\" value=\"yes\" name="mytr' + val + '" unchecked ></td>');
            $(".span4").each(function () {
                $tr.append("<td >" + $(this).val() + "</td>");
            });
            var arr={};
            name=($tr.find('td:eq(1)').text());
            email=($tr.find('td:eq(2)').text());
            mobile=($tr.find('td:eq(3)').text());
            arr['name']=name;arr['email']=email;arr['mobile']=mobile;
            obj[val]=arr;
            val++;
        } else {
            alert("please fill the form completely");
        }
    });
    $(document).on('click', '#btn2',function () {
        var email=new Array();
        var username=new Array();
        var mobno=new Array();
        var grpname;
        var creat_group = prompt("Name your group??");
        grpname=creat_group;

        if (creat_group) {
            console.log(obj);
            $("#groupTable").append('<tr id="groupTr' + groupTrCount + '"></tr>');
            $tr=$("#groupTr" + groupTrCount);
            $tr.append("<td >" + creat_group + "</td>");
            $('#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){
                        username[arrid]=$(this).html();        
                    }
                  if(count==2)
                    {
                        email[arrid]=$(this).html();
                    }
                    if(count==3)
                    {
                        mobno[arrid]=$(this).html();
                    }
                    count++;
                    });
                arrid++;
            });
            $.ajax(
               {
                   type: "POST",
                   url: "messageSending.jsp", //Your full URL goes here
                   data: { username: username, email: email,mobno:mobno,grpname:grpname},
                   success: function(data, textStatus, jqXHR){
                       alert(data);                  
                   },
                   error: function(jqXHR){
                       alert(jqXHR.responseStatus);
                   }
               });
        groupTrCount++;
        }        
    });
    $(document).on('change','#mytable input:checkbox',function () {
        if(!this.checked)
        {
            key=$(this).attr('name').replace('mytr','');
            alert(key);
            obj[key]=null;
        }
//show group
if($('#mytable input:checkbox:checked').length > 1) {
        $('#btn2').removeClass('hide')
    }
    else {
        $('#btn2').addClass('hide')
    }
//
    });
});


//
        $('#openAlert').click(function(){

            var number = $('#number').val(); // If its a text input could use .text()
            var msg = $('#darea').val(); //If its a text input could use .text()
alert(msg);
            $.ajax(
                {
                    type: "POST",
                    url: "messageSending.jsp", //Your full URL goes here
                    data: { toNumber: number, body: msg},
                    success: function(data, textStatus, jqXHR){
                        alert(data);                  
                    },
                    error: function(jqXHR){
                        alert(jqXHR.responseStatus);
                    }
                });
        });
    });
$(function ()  
{ $("#number").popover({title: 'Enter Mobile Number',content: "Please enter 10 digit mobile number prefixed by country code eg +911234567890"});  
});  
$(function ()  
{ $("#body").popover({title: 'Message Body',content: "Maximum 160 characters allowed"});  
});

$（函数（）{
$（“#datetimepicker”）.datetimepicker（{
格式：“'dd/MM/yyyy hh:MM:ss'”，
链接字段：“#txt”，
链接格式：“yyyy-mm-dd hh:ii”，
自动关闭：是的，
}); 
jQuery（'#datetimepicker'）.datetimepicker（）.on（'changeDate'，函数（ev）{
$（“.darea1”）.val（$（“.darea1”）.val（）+$（“#txt”）.val（））；
}); 
}); 
$（'#tabAll'）。单击（函数（）{
$（'#tabAll'）.addClass（'active'）；
$（'.tab窗格'）。每个（函数（i，t）{
$（'#myTabs li'）.removeClass（'active'）；
$（this.addClass（'active'）；
}); 
}); 
$（'body'）。在（'click'，'.btn'，function（）{
if（this.id=='openAlert'）{
$（'#number'）.val（''）}else{$（'#number'）.val（this.id）；
}
});
$（文档）.ready（函数（）{
$（“#注销”）。单击（函数（）{
window.location.replace（“logout.jsp”）；
});
//下一行
/*var=0；
$（文档）.ready（函数（）{
$（'#btn1'）。单击（函数（）{
如果（$（“.span4”）.val（）！=”）
{
$（“#mytable”）。追加（“”）；
$（“#mytr”+val）。附加（“”）；
$（“.span4”）。每个（函数（）{
$（“#mytr”+val）.append（“+$（this.val（）+”）；
});
val++；
}
其他的
{
提醒（“请完整填写表格”）；
}
});
$（'#btn2'）。单击（函数（）{
var creat_group=确认（“您想创建一个组吗？”）；
如果（val>1）{
警报（创建组）；
}
});
});*/
var=0；
var-groupTrCount=0；
$（文档）.ready（函数（）{
var obj={}；
$（'#btn1'）。单击（函数（）{
如果（$（“.span4”）.val（）！=”）{
$（“#mytable”）。追加（“”）；
$tr=$（“#mytr”+val）；
$tr.append（“”）；
$（“.span4”）。每个（函数（）{
$tr.append（“+$（this.val（）+”）；
});
var arr={}；
name=（$tr.find（'td:eq（1）'）.text（））；
email=（$tr.find（'td:eq（2）'）.text（））；
mobile=（$tr.find（'td:eq（3）'）.text（））；
arr['name']=name；arr['email']=email；arr['mobile']=mobile；
obj[val]=arr；
val++；
}否则{
提醒（“请完整填写表格”）；
}
});
$（文档）。在（'click'，'btn2'，函数（）{
var email=新数组（）；
var username=新数组（）；
var mobno=新数组（）；
var-grpname；
var creat_group=prompt（“命名您的组”）；
grpname=创建组；
如果（创建组）{
控制台日志（obj）；
$（“#groupTable”）。追加（“”）；
$tr=$（“#groupTr”+groupTrCount）；
$tr.append（“+create_group+”）；
$（'#mytable tr'）。筛选器（':has（：复选框：checked'）。每个（函数（）{
var计数=0；
var-arrid=0；
$（this）.find（'td'）.each（function（）{
//你的ajax调用在这里
如果（计数=1）{
用户名[arrid]=$（this.html（）；
}
如果（计数=2）
{
电子邮件[arrid]=$（this.html（）；
}
如果（计数=3）
{
mobno[arrid]=$（this.html（）；
}
计数++；
});
arrid++；
});
$.ajax(
{
类型：“POST”，
url:“messageSending.jsp”//您的完整url位于此处
数据：{username:username，email:email，mobno:mobno，grpname:grpname}，
成功：函数（数据、文本状态、jqXHR）{
警报（数据）；
},
错误：函数（jqXHR）{
警报（jqXHR.responseStatus）；
}
});
groupTrCount++；
}        
});
$（document）.on（'change'，'#mytable输入：复选框'，函数（）{
如果（！this.checked）
{
key=$（this.attr（'name'）.replace（'mytr'，''）；
警报（键）；
obj[key]=null；
}
//表演组
如果（$（'#mytable输入：复选框：选中'）。长度>1）{
$（'#btn2'）。removeClass（'hide'））
}
否则{
$（'#btn2'）.addClass（'hide'））
}
//
});
});
//
$（'#openAlert'）。单击（函数（）{
var number=$（'#number'）.val（）；//如果它是文本输入，则可以使用.text（）
var msg=$（'#darea'）.val（）；//如果是文本输入，则可以使用.text（）
警报（msg）；
$.ajax(
{
类型：“POST”，
url:“messageSending.jsp”//您的完整url位于此处
数据：{toNumber:number，body:msg}，
成功：函数（数据、文本状态、jqXHR）{
警报（数据）；
},
错误：函数（jqXHR）{
警报（jqXHR.responseStatus）；
}
});
});
});
$（函数（）
{$（“#号码”）.popover（{标题：'输入手机号码'，内容：“请输入10位手机号码。”
<tr id="46">
       <td>
          <input data-id="46" type="checkbox"></td>
       <td>aaa</td>

var sCheckbox = new Array();
$('#mytable tr').find('input[type="checkbox"]:checked').each(function(i) {               
     sCheckbox.push($(this).attr("data-id"));
});
var ds = (sCheckbox.length > 0) ? sCheckbox.join(",") : "";

$tr.append("<td data-selected='"+ds+"'>" + creat_group + "</td>");  

$(document).on('click','#groupTable tr td',function () {
        var dataids = $(this).attr("data-selected").split(",");
        $('#mytable tr').find('input[type="checkbox"]').attr("checked",false);
        $(dataids).each(function(key,dataid) {
               $('#mytable tr').find('input[data-id="'+dataid+'"]').attr("checked",true);
        })
    });

$tr.append('<td class=\"cb\"><input data-id="mytr' + val + '" type=\"checkbox\" value=\"yes\" name="mytr' + val + '" unchecked ></td>');