Question

I have got two input fields which i would like to make editable with a button click.

The data of these two fields is to be written to database in two separate columns which can be achieved by ajax.

But i would like to know about the first part. Tried to google a lot but didnt found a viable solution 🙁

Answer 1

jsBin demo

html:

<input type="text" disabled="disabled"/>
<button class="toggle_input_state">enable / disable</button>

This allows you to toggle your states:

$('button.toggle_input_state').on('click',function(){
   var $el = $(this).prev('input');
   $el.prop("disabled",!$el.prop("disabled"));
});

You can use .prop() since jQuery 1.6.