Enable And Disable Textbox By Using Button Click

I have multiple of textbox...each textbox have own button to enable or disable . How to do it ? I have already try this $('#disablebutton').click(function(){ $('#textfieldToClose')

Solution 1:

Try:

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

or with Read only:

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

Because you only select the attr but, don't do anything with. Live demo

Solution 2:

Try this:

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

Working Demo

Solution 3:

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

$('#textfieldToClose').attr('disable') did not work because you were just quering an attribute disable on the element which doesn't even exist. The correct name is disabled