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

Question

用戶提交評論後，我希望textarea和高峯按鈕被「禁用」，並在某種程度上被視覺禁用。

喜歡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」），單擊事件將設置textarea的（HTML ID「idOfTextarea」的disabled屬性）和按鈕。

Answer 3

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

Answer 4

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

Answer 5

所以首先處理在用戶提交的評論事件然後禁用textarea並提交按鈕。 （假設你的提交按鈕可以用「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; 
} 

Answer 6

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