禁用操作后按钮标签消失

Question

面对

，这是一个非常奇怪的问题

HTML：

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

jQuery的：

$(function(){

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

});

当我运行此代码并在firebug中观看HTML时，我正在

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

价值消失。

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

使用jQuery-ui

Answer 1

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

<强> HTML：

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

<强> jQuery的：

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

Answer 2

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

$(function(){

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

});​

http://jsfiddle.net/mYz3b/1/

Answer 3

html中的两个错误，id attrib的缺失引用以及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";
}

Answer 4

终于找到了问题！

没有人回答这个问题

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

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

ui-button-disabled ui-state-disabled

感谢这里的所有解决方案，但我知道所有这些方法。既然这是我从某个代码接管的代码，我不应该改变，只是找到，为什么它在集成时不起作用