html - Disable a textarea field with name attribute using jquery -

this question has answer here:

• disable/enable input jquery? 8 answers

i have textarea want disable when condition met, else enabled.

<textarea name='example'>i want disable this</textarea> 

i tried method, it's not working:

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

use attribute-value selector

to disable textarea

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

to enable

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

demo

$('#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 diable this</textarea>    <button id="mybutton">enable</button>