9 Stimmen

Alert mit mehreren Optionen mit jQuery

Ich möchte eine Meldung erstellen, die nach einem Klick auf die Schaltfläche "Löschen" fragt did you want delete this? mit zwei Optionen: ok y cancel . Klickt der Benutzer auf ok wird der Wert gelöscht. Klickt der Benutzer auf cancel löschen Sie den Wert nicht.

So wie hier auf dieser Website:

Stackoverflow confirmation dialog for post deletion vote

Wie macht man das mit jQuery?

15voto

Samich Punkte 28587
<a href="#" id="delete">Delete</a>

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

Code : http://jsfiddle.net/hP2Dz/4/

3voto

Ricardo Binns Punkte 3230

Wenn Sie Ihre Meldung gestalten möchten, sollten Sie sich dieses Plugin ansehen: jquery-alert-dialogs . Es ist sehr einfach zu bedienen.

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: die offizielle Website ist derzeit offline. hier eine weitere Quelle

2voto

Jon Newmuis Punkte 24952

In JavaScript ist diese Art von Box confirm , nicht alert . confirm gibt einen booleschen Wert zurück, der angibt, ob der Benutzer positiv oder negativ auf die Aufforderung reagiert hat (d. h. auf OK führt zu true zurückgegeben, während das Anklicken von cancel führt zu false zurückgegeben werden). Dies gilt für jQuery, aber auch für JavaScript im weiteren Sinne. Sie können etwas sagen wie:

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

1voto

isJustMe Punkte 5364

Es ist zwar nicht jquery, aber es ist das einfache Prinzip, das Sie verwenden könnten

<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

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X