jquery - 禁用操作后按钮标签消失

Question

这是我面临的一个非常奇怪的问题

HTML：

<input type="button" id="buttonobj" class="some class" value ="Button Name"/>

jQuery：

$(function(){

 $buttonObject = $('#buttonObj");
 $buttonObject.button('disable');

});

当我运行这段代码并在萤火虫中观看 HTML 时，我得到了

<input type="button" id=buttonobj" class="some class" value =""/>

价值消失了。

禁用在这里做什么。它怎么能改变价值。css是否可以更改按钮值？

我正在使用 jQuery-ui

score 3 · Accepted Answer

代码中有一些错误。试试这个：（我修复了一些丢失/错误的引号，并将 jquery“禁用按钮”行更改为我知道有效的内容，因为我不熟悉您使用的代码）

HTML：

<input type="button" id="buttonobj" class="class" value="Button Name" />

jQuery：

$(function(){
   $buttonObject = $("#buttonObj");
   $buttonObject.prop("disabled", true);
});

score 0 · Accepted Answer

要更改禁用属性的值，请使用以下命令：

$(function(){

 $buttonObject = $("#buttonobj");
 $buttonObject.prop('disabled', true);
 alert($buttonObject.val());

});

score 0 · Accepted Answer

html 中的两个错误，id 属性上缺少引号以及 value 和 equals 之间的空格

所以应该是：

<input type="button" id="buttonObj" class="some class" value=" Button Name"/>

对于 jQuery：

$(function(){
    $buttonObject = $("#buttonObj");
    $buttonObject.attr("disabled", "disabled");
});

$buttonObject.removeAttr("disabled");如果您想重新启用它，请使用它。

编辑：

按钮和 jQuery 中的 id 也与更新的代码不匹配。

编辑：

你可以用普通的 javascript 做同样的事情：

function someFunc(){
    document.getElementById("buttonObj").disabled = "disabled";
}

score 0 · Accepted Answer

终于发现问题了！

没有人回答这个问题

禁用在这里做什么。它怎么能改变价值。css是否可以更改按钮值？

答案是定制的 jQuery Ui。在调用button.disable函数时，它是隐式设置这两个类

ui-button-disabled ui-state-disabled

感谢这里的所有解决方案，但我知道所有这些方法。由于它是我从某人那里接管的代码，因此我不应该更改，而只是查找，为什么它在集成时不起作用

4 回答 4