使用jquery禁用具有名称属性的textarea字段[重复]

Posted 2023-02-22

【中文标题】使用jquery禁用具有名称属性的textarea字段[重复]

【英文标题】：Disable a textarea field with name attribute using jquery [duplicate]

【发布时间】：2015-12-23 23:07:13

【问题描述】：

我有一个文本区域，我想在满足某些条件时禁用它，否则它将被启用。

<textarea name='example'>I want to disable this</textarea>

我试过这个方法，但它不起作用：

$('#example').attr('disabled', true);

【参考方案1】：

使用属性值选择器

禁用文本区域

$('textarea[name="example"]').prop('disabled', true); // disable

启用

$('textarea[name="example"]').prop('disabled', false); // enable

演示

$('#myButton').on('click', function() 
  var currentState = $(this).text();
  $('textarea[name="example"]').prop('disabled', currentState === 'Disable');
  $(this).text(currentState === 'Enable' ? 'Disable' : 'Enable');
);

button 
  display: block;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<textarea name='example' disabled>I want to diable this</textarea>

<button id="myButton">Enable</button>

【参考方案2】：

使用$("#textbox1").attr("disabled", "disabled"); 禁用您的文本框。

演示

html

<span id="radiobutt">
  <input type="radio" name="rad1" value="1" />
  <input type="radio" name="rad1" value="2" />
  <input type="radio" name="rad1" value="3" />
</span>
<div>
  <input type="text" id="textbox1" />
  <input type="checkbox" id="checkbox1" />
</div>

javascript

$("#radiobutt input[type=radio]").each(function(i)
  $(this).click(function () 
    if(i==2)  //3rd radiobutton
       $("#textbox1").attr("disabled", "disabled"); 
       $("#checkbox1").attr("disabled", "disabled"); 
    
    else 
       $("#textbox1").removeAttr("disabled"); 
       $("#checkbox1").removeAttr("disabled"); 
    
  );
);

【讨论】：

您正在展示如何禁用除 textarea 之外的其他元素。

【参考方案3】：

你应该使用带有属性值选择器的 .prop() 函数

$('textarea[name="example"]').prop('disabled', true);
//$('textarea[name="example"]').prop('disabled', false);

注意：对于 jQuery 1.6+

或

$('textarea[name="example"]').attr("disabled","disabled");

【参考方案4】：

$('textarea[name="example"]').prop("disabled", true);

访问http://api.jquery.com/prop/