jquery - 在 mvc 视图中将附加复选框问题绘制到 HTML 表

Question

这是我的代码，我试图将下拉列表文本框和复选框附加到 HTML 表中，但不知道为什么只有复选框会导致页面上的绘图出现问题。

 $.ajax({
                    type: "POST",
                    url: "/Group/FillMembers",
                    data: { GroupName: $("#ddlGroup option:selected").text().trim() },
                    success: function (response) {
                        $.each(response.message, function (key, value) {
                            var arr = value.split(";")
                            var tbody = $("#tbody");
                            var tr = $("<tr></tr>")
                            $.each(arr, function (i, obj) {
                                var temp = arr[i].trim().split("=")[1];
                                var td = $("<td></td>")
                                td.append(temp);
                                tr.append(td);
                            })
                            // DropDownlist for required adjustments
                            tr.append("<td><select id='ddlReqdAdjustment'> \
                                        <option>Keep</option> \
                                        <option>Remove</option> \
                                        <option>Remove After</option> \
                                    </select> \
                                </td>");
                            //Textbox with Validation to allow only integers
                            tr.append("<td><input type='text' \
                                            onkeypress = 'return (event.charCode != 8 && event.charCode == 0 \
                                                                    || (event.charCode >= 48 && event.charCode <= 57))' /> \
                                </td >");
                            tr.append($('<input />', { 'class':'col-lg-12', 'type': 'checkbox', 'name': 'check' }));
                            tbody.append(tr);
                        });

如果我使用任何其他组件，它会在最后一列中绘制，但复选框正在绘制，如图所示。不知道是什么问题。当我缩小页面时发现了这个小复选框。

标签： jqueryhtmlasp.net-mvccheckboxhtml-rendering