DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery 實現刪除文章提示是否刪除
jquery 實現刪除文章提示是否刪除
編輯:JavaScript綜合知識     

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

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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved