ASP.NET MVC - 如何让用户确认删除

时间:2010-03-29 11:25:15

标签: asp.net-mvc

他, 我有这个页面,我在表格中的每个项目旁边都有复选框,并希望允许用户选择其中一些并按下我的删除按钮。我只是不能提出jquery进行确认窗口,只有在推送'是'时才提交 - 这是我的页面

<%Html.BeginForm(); %>
<%List<ShopLandCore.Model.SLGroup> groups = (List<ShopLandCore.Model.SLGroup>)Model; %>
<%Html.RenderPartial("AdminWorkHeader"); %>
<table width="100%" id="ListTable" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5" class="heading">
            <input type="submit" name="closeall" value="Close selected" />
            <input type="submit" name="deleteall" value="Delete selected" />
        </td>
    </tr>
    <tr>
        <th width="20px">
        </th>
        <th>
            Name
        </th>
        <th>
            Description
        </th>
        <th width="150px">
            Created
        </th>
        <th width="150px">
            Closed
        </th>
    </tr>
    <%foreach (ShopLandCore.Model.SLGroup g in groups)
      { %>
    <tr>
        <td>
            <%=Html.CheckBox(g.Id.ToString()) %>
        </td>
        <td>
            <%=g.Name %>
        </td>
        <td>
            <%=g.Description %>
        </td>
        <td>
            <%=g.Created %>
        </td>
        <td>
            <%=g.Closed %>
        </td>
    </tr>
    <%} %>
</table>
<%Html.EndForm(); %>

请注意,它仅适用于应该确认的删除,而不一定是关闭按钮。

3 个答案:

答案 0 :(得分:6)

只需将以下内容添加到页面的首部:

<script type="text/javascript">
    $(document).ready(function(){
        $("input[name='deleteall']").click(function() {
            return confirm('Delete all selected elements?');
        });
    });
</script>

答案 1 :(得分:5)

您应该在按钮上放置一个javascript onclick方法,以显示消息框,然后在用户选择no时停止处理该消息。

您可以将删除按钮代码修改为:

<input type="submit" name="deleteall" value="Delete selected" onclick="return confirm('Are you sure you want to Delete?');"/>

答案 2 :(得分:4)

以下是如何使用jQuery(不混合html标记和脚本逻辑)轻松地将单击事件注册到按钮:

$(function() {
    $('input[name=deleteall]').click(function() {
        return confirm('Are you sure');
    });
});