在JS中禁用TextArea

Question

我想在我的JS方法中禁用Textarea（变灰）

function myfun(status){

if(status=='Yes'){
    $('input[id$="txtareaID"]').attr('disabled','disabled'); 
}

上面的代码对此不起作用。

Answer 1

您应该使用prop而不是attr ：

$('input[id$="txtareaID"]').prop('disabled', true); 

jQuery文档

Answer 2

如果选择器正确，则只需将attr更改为prop ：

function myfun(status){
   if(status === 'Yes'){ // more suitable for comparing
       $('input[id$="txtareaID"]').prop('disabled',true); 
   }
}

相关文章： 禁用/启用jQuery输入？

Answer 3

将textarea视为

<textarea id='txt'>Something</textarea>

使用jQuery，您可以像这样实现

$("#txt").attr('disabled', true);

使用纯JavaScript

document.getElementById("txt").disabled=true;

Answer 4

您的问题是CSS而不是JS。 据我所知，您的代码正在运行，但是无法更改此特定样式。 您可以尝试解决方法： 更改禁用输入的字体颜色

Answer 5

<textarea>是您应该寻找的，而不是id = textareaid的<input>标记。

$('input[id$="txtareaID"]').attr('disabled','disabled');

将上面的代码更改为下面的代码，然后单击底部的链接查看魔术。

$('textarea[id$="txtareaID"]').attr('disabled','disabled');

http://jsfiddle.net/5s9ge7d6/1/

Answer 6

以下答案均无效。 然后我找到了解决问题的妙招---这就是---只要在if块中删除该行中的“输入”字词-

工作代码：

function myfun(status){

if(status=='Yes'){
    $('[id$="txtareaID"]').attr('disabled','disabled'); 
}

先前的代码：

 function myfun(status){

    if(status=='Yes'){
        $('input[id$="txtareaID"]').attr('disabled','disabled'); 
        $('input[id$="txtareaID"]').prop('disabled',true); //Didn't worked either
    }