Question

我从数据库中获取数据并将其显示在带有复选框的表格中。我是什么想要做的是选中的行应该进入第二个表，我不想要第二个表中的复选框列这里是代码：

 <table class="table">
    <tr>
        <th></th>
        <th>Business Identifier</th>
        <th>Site Name</th>
        <th>City</th>
        <th>Postcode</th>
    </tr>
    @if (Model.UserAccountSummary != null && Model.UserAccountSummary.Any())
    {
        foreach (var item in Model.UserAccountSummary)
        {
            <tr>
                <td>

                   <input name="Id" type="checkbox" value="@item.business_customer_identifier" class="chkclass"></td>

                <td>@Html.DisplayFor(modelItem => item.business_customer_identifier)</td>
                <td>@Html.DisplayFor(modelItem => item.customer_name)</td>
                <td>@Html.DisplayFor(modelItem => item.postal_town)</td>
                <td>@Html.DisplayFor(modelItem => item.postcode)</td>
            </tr>
        }
    }

</table>

这是JS代码：

$().ready(function () {
        $(".table").on("click", ".chkclass", function () {
            if ($(this).is(":checked")) {
                var trItem = $(this).closest("tr").clone();
                trItem.add("<tr>").append("</tr>");

                $("#targetTable").append(trItem);
            }
        });
    });

提前致谢！

Answer 1

试试这个：

$(document).ready(function(){
    $().ready(function () {
        $(".table").on("click", ".chkclass", function () {
            if ($(this).is(":checked")) {
                var trItem = $(this).closest("tr").clone();
             trItem.find("input").remove();
                trItem.add("<tr>").append("</tr>");

                $("#targetTable").append(trItem);
            }
        });
    });
});

Answer 2

$(function () {
    $(".table").on("click", ".chkclass", function () {
        if ($(this).is(":checked")) {
            $(this).closest("tr").appendTo("#targetTable");
        }
    });
});

Answer 3

以下是在目标表中将记录从一个表复制到另一个表而没有checbox选择的JS代码：

  $(document).ready(function () {
        $().ready(function () {
            $(".table").on("click", ".chkclass", function () {
                if ($(this).is(":checked")) {
                    var trItem = $(this).closest("tr").clone();
                    trItem.find("input").remove();
                    trItem.add("<tr>").append("</tr>");

                    $("#targetTable").append(trItem);
                }
            });
        });
    });

将所选行传输到另一个表

3 个答案: