如何在点击按钮时显示确认？

Question

我正在使用asp.net MVC。我试图在点击一个按钮时向用户显示一条自定义消息。

这里是视图：

@foreach (var item in Model.ticketList) 
{ 
var number = item.TicketId.ToString(); 
<tr> 
    <td> 

     @Html.ActionLink(number, "Details", new {id=item.TicketId }) 
    </td> 
    <td>Title : 
     @Html.DisplayFor(model => item.Title) 
    </td> 
    <td> Date Submitted : 
     @Html.DisplayFor(model => item.DateCreated) 
    </td> 
    <td id="status"> Ticket Status : 
     @if (item.Status == "open") 
     { 
      <span id="open">Open</span> 
      @Html.ActionLink("Close","Close",new {id=item.TicketId}) 
     } 
     @if (item.Status == "closed") 
     { 
      <span id="closed">Closed</span> 
      @Html.ActionLink("Open","Open",new {id=item.TicketId}) 
     } 
    </td> 
</tr> 
<tr id="ticket-backcolor"> 
    <td colspan="4">Description : 
     @Html.DisplayFor(model => item.Description) 
    </td> 
</tr> 

}

操作链接是一个动作控制器来修改字段的值。这样可行。我想要做的是显示一个确认窗口，在该窗口中，我询问用户他是否确定要关闭/打开票证。

这是我一直在努力，到目前为止做：

<script type="text/javascript"> 
function alert() { 
    confirm("are you sure you want to close this ticket ?"); 
} 
$(function() { 
    $("span[id='open']").click(alert) 
}); 
</script> 

与同为开放式选项。这不起作用。有人能帮我吗 ？

编辑：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("td[id='status']").click(function() { 
     return confirm('Are you sure you want to open the ticket ? '); 
    }); 
}); 
</script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    document.getElementById("closed").click(function() { 
     return confirm('Are you sure you want to open the ticket ? '); 
    }); 
}); 
</script> 

第二个脚本也不起作用。 此脚本适用于标签。无法让它适用于2个span标签。

Answer 1

我发现我的问题的解决方案，它的工作原理。

@Html.ActionLink("Close Ticket", "Close", new { id = item.TicketId }, new { onclick=" return confirm ('Are you sure you want to close ticket ?')"}) 

这将显示一个确认消息，然后再采取行动。

Answer 2

使用确认

var answer = confirm("Are you sure?"); 
if (answer) { 
    //Confirm true code 
}else{ 
    //confirm false code 
} 

Answer 3

<script type="text/javascript"> 
function alert() { 
    confirm('are you sure you want to close this ticket ?'); 
} 
$(function() { 
    $('#open').click(function() { 
     alert(); 
    }); 
}); 
</script> 

试试这一个。

Answer 4

请试着用下面的代码

<script type="text/javascript"> 
     function closeTicketConfirm() { 
      if (confirm("are you sure you want to close this ticket ?")) { 
       //Do your code for close ticket 
      } 
     } 

     function openTicketConfirm() { 
      if (confirm("are you sure you want to open this ticket ?")) { 
       //Do your code for open ticket 
      } 
     } 

     $(function() { 
      $("span[id='open']").click(function() {closeTicketConfirm();}); 
      $("span[id='closed']").click(function() {openTicketConfirm();}); 
     }); 
</script>