如何从函数中禁用 jQuery 对话框中的按钮? [英] How can I disable a button in a jQuery dialog from a function?
问题描述
我有一个 jQuery 对话框,需要用户输入某些信息.在这种形式中,我有一个继续"按钮.我希望这个继续"按钮只有在所有字段都包含内容后才启用,否则它将保持禁用状态.
I have a jQuery dialog that requires the user to enter certain information. In this form, I have a "continue" button. I would like this "continue" button to only be enabled once all the fields have content in them, else it will remain disabled.
我编写了一个函数,每次字段状态发生变化时都会调用该函数.但是,我不知道如何通过此功能启用和禁用对话框按钮.我该怎么办?
I wrote a function that is called everytime a field status has changed. However, I don't know how to enable and disable the dialog button from this function. What should I do?
糟糕,我忘了提到这些按钮的创建方式如下:
Oops and I forgot to mention that these buttons were created as follows:
$(function() {
$("#dialog").dialog({
bgiframe: true,
height: 'auto',
width: 700,
show: 'clip',
hide: 'clip',
modal: true,
buttons: {
'Add to request list': function() {
$(this).dialog('close');
$('form').submit();
},
'Cancel': function() {
$(this).dialog('close');
}
}
})
});
推荐答案
您可能想要设置 禁用属性
$('#continueButton').attr("disabled", true);
更新:啊哈,我现在看到了复杂性.jQuery Dialog 有一行可以使用(在按钮"部分下.
Update: Ahha, I see the complexity now. The jQuery Dialog had a single line that will be of use (under the "buttons" section.
var buttons = $('.selector').dialog('option', 'buttons');
您需要从对话框中获取按钮集合,遍历该集合以找到您需要的按钮集合,然后如上所示设置禁用属性.
You'll need to get the buttons collection from the dialog, loop through that to find which one you need, and then set the disabled attribute as I showed above.
这篇关于如何从函数中禁用 jQuery 对话框中的按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!