小编典典

如何从函数中禁用 jQuery 对话框中的按钮?

all

我有一个 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');
      }
    }
  })
});

阅读 69

收藏
2022-05-30

共1个答案

小编典典

你会想要设置disabled 属性

 $('#continueButton').attr("disabled", true);

更新 :啊哈,我现在看到了复杂性。jQuery
对话框
有一行可以使用(在“按钮”部分下。

 var buttons = $('.selector').dialog('option', 'buttons');

您需要从对话框中获取按钮集合,循环遍历以找到您需要的按钮集合,然后设置 disabled 属性,如上所示。

2022-05-30