jQuery Toggle Disabled

toggleDisabled.html

<input id="test_input" type="text" value=""/>
<button id="disabler">Disable Input</button>

<script>
 $('#disabler').on('click', function(){
  // No callback
  // $('#test_input').toggleDisabled();
 
  // With callback
  $('#test_input').toggleDisabled(function(el, disabled){
    if(disabled){
      el.value = 'DISABLED, YO!';
    } else {
      el.value = '';
    }
  });

 });
</script>

toggleDisabled.js

	(function($){
		
		$.fn.toggleDisabled = function(callback){
			return this.each(function(){
				var disabled, $this = $(this);
				if($this.attr('disabled')){
					$this.removeAttr('disabled');
					disabled = false;
				} else {
					$this.attr('disabled', 'disabled');
					disabled = true;
				}

				if(callback && typeof callback === 'function'){
					callback(this, disabled);
				}
			});
		};
		
	})(jQuery);