2011-02-10 11 views
21

मैं इस लिंक है आपके पक्ष के रूप में जवाब दें? " दो बटनों में से एक "हां" कहता है जो फ़ंक्शन को चलाने की अनुमति देगा और दूसरा कह रहा है "नहीं" जो केवल पोस्टबैक रद्द कर देगा और उपयोगकर्ता को पृष्ठ पर रखेगा।जावास्क्रिप्ट चेतावनी बॉक्स

मैं यह कैसे करूँगा? धन्यवाद :)

+4

'onclick =" वापसी की पुष्टि (this.innerText + '?'); " –

उत्तर

31

आप इसे एक पुष्टि onclick के साथ आसानी से कर सकते हैं: हालांकि यह ठीक कहेंगे

<p id="accept-favor"><a title="Accept this Favor" 
    href="?wp_accept_favor=<?php comment_ID(); ?>" 
    onclick="return confirm('Are you sure you would like to accept this reply as your favor?');" 
    >Accept this Favor</a></p> 

/रद्द करें हाँ के बजाय/नहीं। यदि आप वास्तव में हां/नहीं चाहते हैं, तो आपको एक कस्टम संवाद का उपयोग करना होगा।

+0

आप एक बंद कोष्ठक भूल रहे हैं'। ऑनक्लिक कोड 'onclick =" वापसी की पुष्टि होनी चाहिए ('क्या आप वाकई इस उत्तर को अपने पक्ष के रूप में स्वीकार करना चाहते हैं?'); " – TMC

+0

ओह, निश्चित, धन्यवाद –

12

आप onclick="return confirm('Are you sure?');" लिख सकते हैं।

confirm function एक ठीक/रद्द संवाद दिखाता है और यदि उपयोगकर्ता ठीक क्लिक करता है तो true देता है।
returnfalseonclick हैंडलर से क्लिक की डिफ़ॉल्ट कार्रवाई रद्द कर देगा।

1

अन्य उत्तर के बारे में प्रत्यक्ष onclick बात के रूप में, मैं एक "अच्छे" (IMO = मेरी राय में) addEventListener और preventDefault तरीकों का उपयोग कर संस्करण के लिए एक समाधान पेश करने के लिए करना चाहते हैं। क्योंकि इस तरह से आप बाध्य कर सकते हैं हैंडलर पर क्लिक करें।

एचटीएमएल

<a href="#" id="confirmClickActionElementId">click me</a> 

जावास्क्रिप्ट

document 
    .getElementById("confirmClickActionElementId") 
    .addEventListener("click", function(e){ //e => event 
     if(! confirm("Do you really want to do this?")){ 
      e.preventDefault(); // ! => don't want to do this 
     } else { 
      //want to do this! => maybe do something about it? 
      alert('Ok, lets do this!'); 
     } 
    }); 

फिडल: http://jsfiddle.net/ouyf86ya/

... या पुराने "return" जिस तरह से:

document 
    .getElementById("confirmClickActionElementId") 
    .addEventListener("click", function(){ 
     return confirm("Do you really want to do this?") ; 
    }); 

फिडल: http://jsfiddle.net/y2jLpkbb/

6

आप इस सुविधा का उपयोग कर सकते हैं:

myFunction() { 
    var x; 
    if (confirm("Are you sure?") == true) { 
     x = "You pressed OK!"; 
    } else { 
     x = "You pressed Cancel!"; 
    } 
    return x; 
} 
myFunction(); 
संबंधित मुद्दे