我有一个 jQuery 对话框,需要用户输入某些信息。在这种形式中,我有一个“继续”按钮。我希望这个“继续”按钮只有在所有字段都有内容时才启用,否则它将保持禁用状态。
我写了一个每次字段状态发生变化时调用的函数。但是,我不知道如何从此功能启用和禁用对话框按钮。我应该怎么办?
哎呀,我忘了提到这些按钮是按如下方式创建的:
$(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'); } } }) });
你会想要设置disabled 属性
$('#continueButton').attr("disabled", true);
更新 :啊哈,我现在看到了复杂性。jQuery 对话框有一行可以使用(在“按钮”部分下。
var buttons = $('.selector').dialog('option', 'buttons');
您需要从对话框中获取按钮集合,循环遍历以找到您需要的按钮集合,然后设置 disabled 属性,如上所示。