禁用：

$('input').attr('readonly', true); // Disable it.
$('input').addClass('text-muted'); // Gray it out with bootstrap.

启用：

$('input').attr('readonly', false); // Enable it.
$('input').removeClass('text-muted'); // Back to normal color with bootstrap.

您可以使用jQuery prop（）方法动态禁用或启用表单元素或控件。prop（）方法需要jQuery1.6及更高版本。

例子：

<script type="text/javascript">
        $(document).ready(function(){
            $('form input[type="submit"]').prop("disabled", true);
            $(".agree").click(function(){
                if($(this).prop("checked") == true){
                    $('form input[type="submit"]').prop("disabled", false);
                }
                else if($(this).prop("checked") == false){
                    $('form input[type="submit"]').prop("disabled", true);
                }
            });
        });
    </script>

我使用@gnarf答案并将其添加为函数

   $.fn.disabled = function (isDisabled) {
     if (isDisabled) {
       this.attr('disabled', 'disabled');
     } else {
       this.removeAttr('disabled');
     }
   };

然后像这样使用

$('#myElement').disable(true);

如果您只想反转当前状态（如切换按钮行为）：

$("input").prop('disabled', ! $("input").prop('disabled') );

2018，无JQuery（ES6）

禁用所有输入：

[...document.querySelectorAll('input')].map(e => e.disabled = true);

禁用id=“my input”的输入

document.getElementById('my-input').disabled = true;

问题是JQuery，它只是仅供参考。

只是为了新的惯例，并使其适应未来（除非ECMA6（？？？？）发生了巨大变化）：

$(document).on('event_name', '#your_id', function() {
    $(this).removeAttr('disabled');
});

and

$(document).off('event_name', '#your_id', function() {
    $(this).attr('disabled','disabled');   
});