2011-10-06 10 views
9

ボタンをクリックした後にdid you want delete this?okcancelという2つのオプションを付けてください。ユーザーがokをクリックすると、値が削除されます。ユーザーがcancelをクリックした場合、値を削除しないでください。このサイトでは、このようjQueryで複数のオプションを指定して警告する

Stackoverflow confirmation dialog for post deletion vote

がどのようにjQueryを使ってこれを行うには?

答えて

15
<a href="#" id="delete">Delete</a> 

$('#delete').click(function() { 
    if (confirm('Do you want to delete this item?')) { 
     // do delete item 
    } 
}); 

コード:http://jsfiddle.net/hP2Dz/4/

+0

これは動作しません、参照してください:http://jsfiddle.net/hP2Dz/ –

+0

うん、 ''のシンボルをエスケープするのを忘れてしまった。これをチェックしてください:http://jsfiddle.net/hP2Dz/4/ – Samich

+0

警告のために 'direction:rtl;'から使用できましたか? 'ok'と' cancel'の値を変更しましたか? –

1

はjqueryのではないかもしれないが、あなたはJavaScriptで

<html> 
<head> 
<script type="text/javascript"> 
function show_confirm() 
{ 
var r=confirm("vote "); 
if (r==true) 
    { 
    alert("ok delete"); //you can add your jquery here 
    } 
else 
    { 
    alert(" Cancel! dont delete"); //you can add your jquery here 
    } 
} 
</script> 
</head> 
<body> 

<input type="button" onclick="show_confirm()" value="Vote to delete?" /> <!-- can be changed to object binding with jquery--> 

</body> 
</html>Vot 
+1

'VARのR =確認( "投票"); if(r == true) '==' if(confirm( "vote")) ' –

2

を使用することができることを単純な原理であり、箱のそのタイプはconfirm、ないalertです。 confirmは、ユーザがプロンプトに対して正または負のいずれかで応答したかどうかを示すブール値を返します。をクリックするとtrueが返され、cancelをクリックするとfalseが返されます。これはjQueryにも当てはまりますが、JavaScriptではもっと広くなります。あなたは、アラートのスタイルにしたい場合は、このプラグインチェックし、

var shouldDelete = confirm("Do you want to delete?"); 
if (shouldDelete) { 
    // the user wants to delete 
} else { 
    // the user does not want to delete 
} 
2

jquery-alert-dialogsをあなたのような何かを言うことができます。それは非常に使いやすいです。

jAlert('This is a custom alert box', 'Alert Dialog'); 

jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { 
    jAlert('Confirmed: ' + r, 'Confirmation Results'); 
}); 

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) { 
    if(r) alert('You entered ' + r); 
}); 

UPDATE: oficialサイトは現在オフラインです。 here is another source

+0

サイトは現在ダウンしていますが、これを見つけました:http://labs.abeautifulsite.net/archived/jquery-alerts/demo/ – Kayvar

+0

@Kayvarは私の答えを更新します。ありがとう –

関連する問題