javascript - 如何在文本字段中添加选中的复选框

Question

在此fiddle ,有一个to按钮。

当按下 to 按钮时，会出现带有下拉菜单的弹出窗口。

用户从下拉菜单中选择 users 或 groups，然后会出现一个带有复选框行的表格。

现在，选中几个复选框并点击 ok 按钮后，选中的复选框名称应该显示在 textfield 中。

我是这样做的:

 $('#mytable tr').find('input[type="checkbox"]:checked').each(function(i)
    {               
       sCheckbox.push($(this).attr("data-id"));
         //alert("hello " +sCheckbox);

但它不起作用。

我添加了一个警报，但是警报仍然没有显示，这意味着控件没有进入。

请告诉我该怎么做。

Answer 1

您正在从错误的表格中读取。您的选择器指定了#groupsTable(例如)，但是模式中的组表没有 id。您的选择器正在读取主页上的复选框。

您可以将 id 添加到模态 div 中的表中，或者改用这些选择器:

$('#ToOk').click(function(){
 $('#users tr').find('input[type="checkbox"]:checked').each(function(i) {               
                    sCheckbox.push($(this).attr("data-id"));
                    //alert("hello " +sCheckbox);
            });
    $('#groups  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(",") : "";
alert("ds is "+ds);
});