jQuery显示复选框表格行数据答案

【问题标题】：JQuery display checkboxed table row datajQuery显示复选框表格行数据
【发布时间】：2017-02-15 09:40:13
【问题描述】：

所以我知道有一些关于这个的帖子，但我没有发现它们有帮助，所以我希望这能对我的问题有新的认识。

我正在尝试从 HTML 表中的复选框行中获取数据。目前我只想在windows.alert 或 Visual Studio 控制台中显示它。但最终我会将数据发布到数据库中。

我的代码：

$(document).ready(function () {
    $('#button').click(function () {
        var id = [];
        $(':checkbox:checked').each(function (i) {
            id[i] = $(this).val();
        });
        if (id.length === 0) {
            alert("Please select at least one checkbox");
        }
        else {
            $.post('http://localhost/Dynamic/?Insert');
        }
    });
});

我试过alert($(this).text())，但它只是显示为空。

我们将不胜感激。

如果有帮助，这就是我填充表格的方式：

var tableName = 'table1'
$.ajax({
        url: 'http://localhost/Dynamic?prod=' + tableName,
        dataType: 'Json',
        success: function (Results) {
            $.each(Results, function () {
                var row = "";
                for (i = 0; i < this.length; i++) {
                var input = '<td>' + this[i] + '</td>';
                row = row + input;
                }

                $('#table1 tbody:last-child').append('<tr>' + row + '<td> <input class="checkBox" type="checkbox" id="count"/> </td></tr>');
            });
        }                                   
    });

如您所见，表格是动态填充的，因此可以由不同的表格填充。

【问题讨论】：

标签： javascript jquery html checkbox html-table

【解决方案1】：

您的选择器错误。 $(':checkbox:checked') 应该是 $('.checkbox:checked')。也许尝试更改为不同的类名。

$('.mycheckbox:checked').each(function (i) {
        id[i] = $(this).val();
    });

【讨论】：

不，这是正确的。我尝试使用冒号和句号，但只有冒号有效。
你的我在你的每个声明下声明在哪里。
在你的assign语句中试试这个codeid.push($(this).val()); code
会做，现在不行，计算机实验室关门到星期一:(
我已经尝试过了，结果显示在控制台上，我得到的只是“on”这个词。我的数据都不包含。有什么建议吗？

【解决方案2】：

我已经让它工作了，我创建了一个全局数组并将所有值添加到其中。然后我创建了一个计数器并将每个复选框的 ID 设置为计数器值。然后，我在循环返回以对下一行数据进行排序之前递增计数器。

然后当我想选择数据时。我检查了数据的复选框。按下按钮，然后我得到每个复选框的 ID。然后，我将复选框 id 放入数组中以获取值，然后将其添加到然后发布的数组中。

【讨论】：