在沒有淡入淡出的情況下禁用ajax調用時的輸入

Question

我有大量的輸入，點擊時會調用Ajax。每個作爲一個JavaScript函數分配。這些輸入需要在Ajax執行時被禁用。這是我到目前爲止：

$("html").bind("ajaxStart", function(){ 
    $("input").attr("disabled", "disabled"); 
    $(this).addClass('busy'); 
    }).bind("ajaxStop", function(){ 
    $(this).removeClass('busy'); 
    $("input").removeAttr("disabled"); 
    }); 

唯一的問題是輸入變成灰色。我怎樣才能避免這種麻煩？

我也嘗試了readonly屬性，但由於某種原因它不起作用。這至少在Chrome中仍然會使按鈕變得灰暗，並且仍然允許您單擊收音機和複選框。

$("html").bind("ajaxStart", function(){ 
    $("input").attr("readonly", true); 
    $(this).addClass('busy'); 
    }).bind("ajaxStop", function(){ 
    $(this).removeClass('busy'); 
    $("input").removeAttr("readonly"); 
    }); 

編輯：它看起來像這可能是不可能單獨使用CSS，所以我可能需要使用JavaScript。這項技術適用於複選框。單選按鈕可能需要更多，雖然工作：

http://jsfiddle.net/q3c2Y/1/

Answer 1

而不是disabled你也許可以使用readonly屬性。

Answer 2

您可以嘗試「只讀」屬性。

Answer 3

設置disabled屬性值true

$("input").attr("disabled", true);