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);

但它不起作用。

我添加了一个alert，但仍然没有显示警报，这意味着控件不在里面。

请告诉我怎么做。

Answer 1

你正在读错桌子。您的选择器指定#groupsTable（例如），但模态中的groups表上没有id。您的选择器正在从主页面读取复选框。

您可以在模式div中向表中添加id，或者使用这些选择器：

$('#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);
});

如何在Textfield中添加所选复选框

1 个答案: