在 JS 中禁用 TextArea答案

【问题标题】：Make TextArea Disabled in JS在 JS 中禁用 TextArea
【发布时间】：2015-04-06 10:06:20
【问题描述】：

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

function myfun(status){

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

以上代码不适用于此。

【问题讨论】：

能否也显示您的 HTML。
如果您正在寻找只读的文本区域，那么请执行以下操作 $("#idoftextarea").attr("disabled", true);

标签： javascript jquery textarea

【解决方案1】：

以下答案均无效。然后我发现了一个神奇的技巧解决了我的问题--- 这是 --- 只需从 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
    }

【讨论】：

【解决方案2】：

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

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

将上面的代码更改为下面的代码，点击底部的链接，看看它的神奇之处。

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

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

【讨论】：

【解决方案3】：

您的问题在于 CSS 而不是 JS。据我所知，您的代码正在运行，但无法更改这种特定样式。您可以尝试解决方法：Change Font Color For Disabled Input

【讨论】：

【解决方案4】：

如果您的选择器是正确的，那么您只需将attr 更改为prop：

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

相关帖子： Disable/enable an input with jQuery?

【讨论】：

【解决方案5】：

您应该使用prop 而不是attr：

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

jQuery docs

【讨论】：

【解决方案6】：

将 textarea 视为

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

使用jQuery，你可以这样实现

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

使用纯 JavaScript

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

【讨论】：