0

如何禁用 jquery UI 对话框按钮，例如：

   $("#dialog").dialog({ width: 500, modal: true, show: 'drop', hide: 'drop',
        buttons: {
            "Next": function () {/* do something */ },
            "Finish" : function {/* do something */ } 
        }
    });

我想保留disabled the Next button直到用户选择一些radio button or checkbox以及用户何时选择其中任何一个'Next button will enabled'。（当我们安装任何新软件时，我们可以看到相同的行为。）。我该怎么做？

4

3 回答 3

1

您可以使用萤火虫或检查谷歌浏览器中的元素，然后找到下一个按钮 id 或 css 规则...我的意思是按钮的正确选择器，然后您可以随时调用

$("Nextbutton selector").attr('disabled','disabled');

重新启用

$("Nextbutton selector").removeAttr('disabled');

希望这有帮助

PS：检查时我看到了

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
<span class="ui-button-text">Next</span>
</button>

所以你可以打电话

$('button.ui-button:contains("Next")').attr....
于 2012-06-01T07:30:30.410 回答
0

启用： 

$(e.currentTarget).button( "option", "disabled", false );

要禁用：

$(e.currentTarget).button( "option", "disabled", true );

按钮小部件 API

于 2013-06-18T22:17:56.380 回答
0

在创建并打开对话框之后，这就是（您的代码）所做的：

 $("#dialog").dialog({ width: 500, modal: true, show: 'drop', hide: 'drop',
    buttons: {
        "Next": function () {/* do something */ },
        "Finish" : function {/* do something */ } 
    }
 });

做这个：

 $("#dialog").dialog('widget')
     .find("button :contains('Next')").parent().button("disable");

它将立即禁用“下一步”按钮。准备就绪后，您可以通过执行以下操作启用按钮：

 $("#dialog").dialog('widget')
     .find("button :contains('Next')").parent().button("enable");
于 2013-07-30T00:19:18.030 回答