如何使用 jQuery 禁用 textarea + 提交按钮？答案

【问题标题】：How do I use jQuery to disable a textarea + Submit button?如何使用 jQuery 禁用 textarea + 提交按钮？
【发布时间】：2011-05-26 20:03:58
【问题描述】：

在用户提交评论后，我希望将 textarea 和 Summit 按钮“禁用”并在视觉上有所禁用。

喜欢 Youtube。

如何使用 Jquery 使用最简单的插件和/或方法来做到这一点？

【问题讨论】：

标签： javascript jquery html css templates

【解决方案1】：

单击按钮时，只需在输入元素上设置disabled 属性：

$("#mybutton").click(function(){
   $("#mytext,#mybutton").attr("disabled","disabled"); 
});

示例：http://jsfiddle.net/jonathon/JcXjG/

【讨论】：

或者你可以做.attr("disabled", true)和.attr("disabled", false)。

【解决方案2】：

$(document).ready(function() {
    $('#idOfbutton').click(function() {
        $('#idOfTextarea').attr("disabled", "disabled");
        $('#idOfbutton').attr("disabled", "disabled");
    });
});

这基本上是说：当文档“准备好”时，将事件处理程序附加到按钮的（HTML ID“idOfButton”）单击事件，这将设置文本区域的disabled 属性（HTML ID“idOfTextarea”）和按钮。

【讨论】：

【解决方案3】：

 $('form').submit(function(){
        return false;
    });

【讨论】：

【解决方案4】：

    jQuery(document).ready(function() {
    $('form').submit(function(){
        $('input[type=submit]', this).attr('disabled', 'disabled');
    });
   });

【讨论】：

【解决方案5】：

$('#btn').click(function(){ $(this, '#textarea').attr('disabled', 'disabled'); })

【讨论】：

【解决方案6】：

所以首先处理用户提交评论的事件，然后禁用文本区域和提交按钮。（假设可以使用“input#submit-comment”选择您的提交按钮，并且可以使用“textarea”选择您的 textarea。addClass 部分是可选的，但如果它们碰巧被禁用，您可以使用它们来设置不同的样式。

$("input#submit-comment").click(function(){
     $("textarea").attr("disabled", "disabled").addClass("disabled");
     $(this).attr("disabled", "disabled").addClass("disabled");
     // ... Actually submit comment here, assuming you're using ajax
     return false;
}

【讨论】：