jquery - prop("無効", true); AND attr('disabled', 'disabled') が chrome と firefox で機能しない

Question

asp.net mvcビュー内に次のスクリプトがあります:-

function disableform(id) {
    $('#' + id).prop("disabled", true);
}

しかし、上記の機能は Internet Explorer を使用して要素を無効にするだけですが、chrome または firefox では機能attr('disabled', 'disabled')し.prop("disabled", true);ません。

私のJqueryバージョンは1.7.1です

では、何が問題なのだろうか？

ブラジル

score 11 · Accepted Answer

フォームを無効にするのは間違っています。IEはちょうどそれを台無しにしています! フィールドを無効にする必要があります。

function disableform(id) {
    $('#' + id+' :input').prop("disabled",true);
}

score 1 · Accepted Answer

ASP.NET を実行しましたが、これと同じ問題がありました。

私は Jquery を捨てて純粋な Javascript に行きましたが、うまくいきました。

    var element = document.getElementById('MyID');
    element.setAttribute('disabled', 'disabled');

編集:これが正しく機能するには、 element.removeAttribute('disabled'); を使用する必要があります。要素を有効にするとき。それ以外の場合は、無効のままです。

4 に答える 4