Question

感谢以前的所有帮助消息。好吧，我正在研究这个代码，我坚持这一点，不知道如何通过这个。希望你能帮忙。

这是问题所在，我有一个对话框，其中打开了一些文本字段，最后有2个按钮确定和取消，我想要的是什么do，检查权限的布尔值，如果是false，禁用确定按钮，这里是按钮的定义方式，

dialogBox.dialog ({
    modal:true,
    width: 600,
    height: 600,
    buttons: {
        OK : function () {
            // Some code here
            },
        Cancel : function () {
            // Some code here
            }
    }
    // Some more code below but irrelevant to problem
});

现在，我需要使用jQuery禁用OK按钮，我该怎么做，请帮助

提前致谢

Answer 1

您可以将按钮设置为数组（允许设置禁用属性。然后每次更改布尔值时重新设置按钮数组（如果您可以以某种方式监视它）。

dialogBox.dialog ({
modal:true,
width: 600,
height: 600,
buttons: [
{
    text: "Ok",
    disabled: "false",
    click: function() { // Some code here }
},
{
    text: "Cancel",
    click: function() { // Some code here }
}    
]
// Some more code below but irrelevant to problem
});

然后当布尔值更改为false时执行：

$( "#dialogBox" ).dialog( "option", "buttons", [
{
    text: "Ok",
    disabled: "true",
    click: function() { // Some code here }
},
{
    text: "Cancel",
    click: function() { // Some code here }
}    
]

希望这会有所帮助。

Answer 2

jQuery UI创建的对话框按钮位于公开<div>类的ui-dialog-buttonpane元素中。

由于您的OK按钮是该集中的第一个按钮，因此您可以使用:first选择器进行匹配：

dialogBox.dialog("widget")
         .find(".ui-dialog-buttonpane button:first")
         .prop("disabled", true);

jQuery如何禁用按钮数组中定义的按钮

2 个答案: