如何在我的jsp页面中使用javascript显示popupalert？

Question

我用confirm("")弹出的javascript报警功能在我jsp页，它显示了'OK'和'Cancel'按钮，但我想'YES' and 'NO'代替。

请告诉我有没有办法做到这一点，或者有任何替代方法。

Answer 1

如果你在javascript中使用confirm语句，你不能改变它。您将不得不使用java脚本或jquery创建自定义确认框。这是不使用jQuery或JavaScript

<style type="text/css"> 

div#popup 
{ 
    position:absolute; 
    display:none; 
    top:200px; 
    left:50%; 
    width:500px; 
    margin-left:-250px; 
    border:1px solid blue; 
    padding:20px; 
    background-color:white; 
} 

</style> 

<a 
    href="http://example.com/" 
    onClick="document.getElementById('popup').style.display = 'block'; return false;" 
>Go to example.com</a> 


<div id="popup"> 
    <p>Are you sure you want to go to example.com?</p> 
    <p> 
     <a onclick="document.location='http://example.com/'; return false;"> 
      Yes 
     </a> 
     <a onclick="document.getElementById('popup').style.display = 'none'; return false;"> 
      No 
     </a> 
    </p> 
</div> 

你也可以使用jQuery

function askUserYesOrNo() { 
    var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>'); 
    $("#yes").click(handleYes); 
    $("#no").click(handleNo); 
    myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses 
} 

function handleYes() { 
    //handle yes... 
} 

function handleNo() { 
    //handle no... 
} 

Answer 2

的JavaScript限制了定制确认框选项可选的方法。所以你不能从OK/Cancel更改确认框按钮YES/NO

您可以使用jQuery来定制

Here is a link使用jQuery和CSS3定制ConfirmBox

Answer 3

你可以去这个jQuery基础解决方案 它可以选择添加尽可能多的按钮，并分别对每个按钮。

http://stefangabos.ro/jquery/zebra-dialog/