Question

在这个fiddle中，有两个表，每行都有复选框。

单击To按钮后会出现一个对话框，在选择用户或组下拉菜单后，会出现相应的表格。如果选中了复选框，则复选框对应的名称将显示在底部。

例如，从群组下拉列表中，如果我选中第一个复选框，则alltest将显示在底部。而类似地，如果我选择第一个复选框，则test将显示在底部。

我的问题假设我从用户下拉列表中选择了前2个复选框，然后test test2将显示在底部。现在如果我选择了组下拉菜单并选择第一个复选框，则{ {1}}正在消失并且test test2正在显示。我希望alltest全部位于底部。这意味着所有选中的复选框都在底部命名。请告诉我该怎么做

Answer 1

试试这个

演示：http://jsfiddle.net/rynhe/LBPB6/33/

function appendtext() {
        var httext = "";
        $("input[type='checkbox']:checked", "#mytable12").each(function() {
          httext += $(this).parent().next().text() + " ,";   
       });
        $("input[type='checkbox']:checked", "#groupsTable1").each(function() {
          httext += $(this).parent().next().text() + " ,";          
        });
        return httext;
}
     $("input[type='checkbox']", "#mytable12").on('change', function (event) {
      $("#ToAdd").html(appendtext());
   });

$("input[type='checkbox']", "#groupsTable1").on('change', function (event) {
         $("#ToAdd").html(appendtext()); 
   });

});

点击后，您必须检查checkboxes和user中的所有group ...

$('#ToOk').click(function(){
   $("#number").val($("#ToAdd").text());
});

获取范围ToAdd中的所有值，并将该值添加到number文本框

Answer 2

参见演示http://jsfiddle.net/Zh8kB/3/ 尝试如下所示使用单独的标签

<span id="ToAdd_info">i want the checked boxes name here</span>
<span id="ToAdd"></span>

并修改你的js，如下所示 var count = 0; var TosCheckbox = new Array（）;

     $("input[type='checkbox']", "#mytable12").on('change', function (event) {
alert('hi');
        $("#ToAdd_info").hide();
        $("input[type='checkbox']:checked", "#mytable12").each(function() {
          //  alert('hi');
           $("#ToAdd").append($(this).parent().next().text() + " ");           
       });
   });

$("input[type='checkbox']", "#groupsTable1").on('change', function (event) {
alert('hello');
        $("#ToAdd_info").hide();
        $("input[type='checkbox']:checked", "#groupsTable1").each(function() {
          //  alert('hi');
           $("#ToAdd").append($(this).parent().next().text() + " ,");           
       });
   });

});


$('body').on('click', '#to-btn', function () {
   console.log($('a[href="#users"]'));
   $("#ToAdd_info").show(); 
    $("#ToAdd").html('');
 $('a[href="#users"]').trigger('click');

});

如何附加2个不同表格的复选框？

2 个答案: