使用jquery禁用名称属性的textarea字段

这个问题在这里已经有了答案：

使用jQuery禁用/启用输入？ 11个答案

---

使用属性值选择器

禁用textarea

$('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>

---

使用$("#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"); 
    }
  });
});

---

你应该使用.prop（）函数和属性值选择器

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

注意：对于jQuery 1.6+

要么

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

链接地址: http://www.djcxy.com/p/22999.html

上一篇: Disable a textarea field with name attribute using jquery

下一篇: How to make text box enable and disable in jquery