Question

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

喜欢Youtube。

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

Answer 1

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

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

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

Answer 2

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

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

首先处理用户提交注释的事件，然后禁用textarea和submit按钮。（假设你的提交按钮可以通过“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;
}

如何使用jQuery禁用textarea + Submit按钮？

6 个答案: