.NET为Foreach复选框添加功能

时间:2018-03-06 21:44:45

标签: c# .net asp.net-mvc

我有像这样创建的复选框:

 @foreach (var item in Model)
    {
       <tr>
        <td>
             <input type="checkbox" id="select_@item.ID" class="select" />
        </td>
                <td>
                    @Html.DisplayFor(modelItem => item.clientN)

                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.homePage)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.contName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.clientEmail)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.TrustFlow)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.CitationFlow)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.RI)
                </td>

然后该行跟着许多其他的html助手变量,所以我不能使用我不认为的表格?

我基本上想在点击时添加一个删除按钮删除所有选中的复选框,我想我可以使用这个jquery

$('.select').change(function () {
   var className = $(this).attr('class');
});

然后可能以某种方式创建一个列表,然后当按下删除按钮时,它使用列表通过ajax帖子删除条目到动作结果?

有更好或更简单的方法吗?

我看到一篇关于在复选框中使用布尔值的帖子

1 个答案:

答案 0 :(得分:0)

你可以这样做。这非常简单,您必须开发以满足您的要求:

$(document).ready(function() {
  $("#btnDelete").click(function() {
    var ids = [];
    $("input[type=checkbox]:checked").each(function() {
      ids.push($(this).attr("id"));
      $(this).closest("tr").remove();
    })
    // ajax send id's array
  });
});