如何使用jQuery禁用文本区域和提交按钮？

Question

在用户提交评论后，我希望文本框和提交按钮处于“禁用”状态，并且在视觉上有所变化。就像YouTube一样。

如何使用最简单的Jquery插件和/或方法来实现这个效果？

- TIMEX

Answer 1

当按钮被点击时，只需在您的输入元素上设置disabled属性：

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

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

- Jonathon Bolster

---

或者您可以使用.attr("disabled", true)和.attr("disabled", false)。 - XåpplI'-I0llwlg'I -

Answer 2

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

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

- Adam Batkin

Answer 3

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

- Trevor

Answer 4

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

- Enrique

Answer 5

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

当点击按钮时，禁用文本区域。

- Fatih Acet

Answer 6

首先处理用户提交评论的事件，然后禁用文本区域和提交按钮。（假设您的提交按钮可以使用“input#submit-comment”进行选择，您的文本区域可以使用“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;
}

- driangle