萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery 實現刪除文章提示是否刪除

jquery 實現刪除文章提示是否刪除

 為了更好的用戶體驗,當用戶在刪除文章的時候給出一個提醒的功能,提示他是否刪除這篇文章。具體實現代碼如下:

html代碼:

<a link="{:U('Athlete/del/',array('uid'=>$vo['id']))}" href="javascript:void(0)" name="{$vo.name}" class="del">刪除 </a>
jquery代碼:
<script type="text/javascript">
$(function(){
$(".del").click(function(){
var delLink=$(this).attr("link");
confirm('你真的打算刪除【<b>'+$(this).attr("name")+'</b>】嗎?','溫馨提示',function(action){
if(action == 'ok'){
top.window.location.href=delLink;
}
});
return false;
});
});
</script>
效果圖:


其實就是用到confirm函數,這個與jquery沒有多大的判斷了,我也可以有更簡單的辦法如下

第一種:最簡單的JS刪除確認,直接寫在鏈接裡:

<a href=""javascript:if(confirm("確認要刪除該內容?"))location="del.asp?&areyou=刪除&id=1"">刪除</a>

第二種:定義一個函數,優點是可重復調用:


<script language="javascript">
function del_sure(){
var gnl=confirm("確定要刪除?");
if (gnl==true){
return true;
}else{
return false;
}
}
< /script>

調用方法:

<a href="del.asp?id=<%=rs("id")%>" onclick="javascript:del_sure()">刪除</a>

copyright © 萬盛學電腦網 all rights reserved