JQuery提供了一个非常方便的对话框组件，可以方便地创建出弹出式对话框。而在实际工作中，我们有时需要获取对话框输入的值。这篇文章将介绍如何使用JQuery Dialog获取输入值并进行处理。

首先，我们需要创建一个基本的对话框，包含输入框和确认按钮，如下所示：

<div id="myDialog">
<input id="username" type="text" /> 
<input id="password" type="password" />
</div>
<script>
$('#myDialog').dialog({
modal: true,
autoOpen: false,
buttons: {
Confirm: function() {
$(this).dialog("close");
}
}
});
</script>

接下来，我们添加一个按钮来打开对话框：

<button id="openDialog">Open Dialog</button>
<script>
$('#openDialog').click(function() {
$('#myDialog').dialog("open");
});
</script>

现在，我们已经创建好了一个基本的对话框，并且可以通过按钮打开它。接下来，我们需要在确认按钮中获取输入框的值并进行处理：

$('#myDialog').dialog({
modal: true,
autoOpen: false,
buttons: {
Confirm: function() {
var username = $('#username').val();
var password = $('#password').val();
//在此处添加处理代码
$(this).dialog("close");
}
}
});

在确认按钮中，我们使用JQuery的val()函数获取输入框的值，并将其存储在相应的变量中。接下来，我们可以在注释处添加处理代码。例如，我们可以通过AJAX将输入框的值发送到服务器。需要注意的是，在这里的代码中关闭对话框是必要的，使用$(this).dialog("close")可以关闭当前打开的对话框。

到此为止，我们已经学会了如何使用JQuery Dialog获取输入框的值。希望本文能够帮助您解决相关问题。