Question

我有多个文本框...每个文本框都有自己的按钮来启用或禁用。怎么做？我已经尝试了这个

$('#disablebutton').click(function(){
$('#textfieldToClose').attr('disable');
});

<input type="text" name="text11" readonly="readonly" id="textfieldToClose">
<input type="button" value="edit" name="button1" id="disablebutton">

Answer 1

尝试：

$(document).ready(function(){
    $('#disablebutton').click(function(){
    if($('#textfieldToClose').prop('disabled'))
    {
     $('#textfieldToClose').prop('disabled', false)
    }
    else{
         $('#textfieldToClose').prop('disabled', true)
      }
    });
})

或只读：

$(document).ready(function(){
    $('#disablebutton').click(function(){
    if($('#textfieldToClose').prop('readonly'))
    {
     $('#textfieldToClose').removeAttr('readonly');
    }
    else{
         $('#textfieldToClose').attr('readonly', 'readonly')
      }
    });
});

因为您只选择了attr但是，不要做任何事情。 Live demo

Answer 2

试试这个：

$('#disablebutton').click(function(){
   $(this).prev().attr("disabled", "disabled"); 
});

<强> Working Demo

Answer 3

$('#disablebutton').click(function(){
  $('#textfieldToClose').attr('disabled', 'disabled'); //sett the `disabled` attribute on the    element
});

$('#textfieldToClose').attr('disable')无效，因为您只是在元素上查询属性disable，该元素甚至不存在。正确的名称是disabled

使用按钮单击启用和禁用文本框

3 个答案: