javascript - 我们如何检查 jQuery UI 对话框中哪个按钮被单击？

Question

我正在尝试使用 jQuery UI 构建一个带有“是/否”按钮的对话框，以供用户确认。 (这是因为我想让 UI 统一，因为我使用 jQuery UI 来构建警告对话框。)我的意图是，如果在文本框中提交大量(1000 或以上)，则要求用户确认。到目前为止，我的 JavaScript 代码如下所示:

function checkclick(button1, button2, theForm) {
   var val;
   val = theForm.mybox.value;
   v = parseInt(val) || 0;
   var btns = {};
   btns[button1] = function(){ 
      $(this).dialog('close');
   };
   btns[button2] = function(){ 
      $(this).dialog('close');
   };

   if (v >= 1000) {
      $('#dialog').dialog({
         autoOpen: true,
         modal:true,
         buttons:btns
      }); 
      $('#dialog_link').click(function () {
          $('#dialog').dialog('open');
      });
      return false;
   }
   return true;
}

我的 HTML 看起来像这样:

<div id='dialog' title='Note' style='display:none'>
<p id='dialog_link'>This is a very large number. Are you sure?</p>
</div>

<form name='myForm' action='result.php' method='post' 
 onsubmit="return checkclick('Yes', 'No', this)">
<input type='text' name='mybox'>
<input type='submit'>
</form>

问题是，当用户单击"is"或“否”按钮时，它将返回到同一页面。但是，如果我将“if”部分中的“return false”更改为“return true”，则单击“提交”按钮后，页面将直接转到 result.php，而不等待用户单击"is"或“否”按钮。有没有办法检查用户点击的是哪个按钮，这样点击"is"后页面会转到result.php，但点击“否”后仍停留在当前页面？

Answer 1

jQuery 对话框具有选项按钮，可用于描述所需的按钮及其操作。

function checkclick(button1, button2, theForm) {
   var val;
   val = theForm.mybox.value;
   v = parseInt(val) || 0;

   if (v >= 1000) {
      $('#dialog').dialog({
         autoOpen: true,
         modal:true,
         buttons:{
            "Yes":function() {
               alert('Yes has been clicked'); //Your coding here
            },
            "No": function() {
               $( this ).dialog( "close" );
            }
         }
      }); 
      $('#dialog_link').click(function () {
          $('#dialog').dialog('open');
      });
      return false;
   }
   return true;
}