jquery enable disable plugin is a simple, flexible and powerful tool. you can disable or enable easily an input, textarea or another form element by using a radio button, checkbox or a drop-down list

Demo 1

     

Código

$('#inputtext_demo1').EnableDisable({
  enabler: '#checkbox_demo1'
});

Demo 2

       

Código

$('#inputtext_demo2').EnableDisable({
  enabler: '#radiobutton_demo2'
});

Demo 3

         

Código

$('#inputtext_demo3').EnableDisable({
  enabler: '#radiobutton_demo3'
});

Demo 4

         

Código

$('#inputtext_demo4').EnableDisable({
  enabler: '#radiobutton_demo4',
  on_enable: function(){
    $('#inputtext_demo4').val('enabled =D');
  },
  on_disable: function(){
    $('#inputtext_demo4').val('disabled =D');
  }
});

Demo 5

         

Código

$('#textarea_demo5').EnableDisable({
  enabler: '#radiobutton_demo5, #radiobutton2_demo5'
});

Demo 6

   









Código

$('#textarea_demo6, #select_demo6, #inputtext_demo6, #radiobutton3_demo6, #checkbox_demo6, #button_demo6').EnableDisable({
  enabler: '#radiobutton_demo6'
});

Demo 7

     

Código

$('#inputtext_demo7').EnableDisable({
  enabler: '#select_demo7',
  enablerVal: ['0','1','4']
});

Plugin method


EnableDisable( [options] )

options (optional)       Options

Options

enabler Selector Default: null
pretty self-explanatory
  • Code
First example code 
$('#inputtext_demo1').EnableDisable({
  enabler: '#checkbox_demo1'
})

on_enable Callback Default: function(){}
it's a callback
  • Code
Example code 
$('#inputtext_demo1').EnableDisable({
  enabler: '#checkbox_demo1',
  on_enable: function(){ alert('enabled...') }
})

on_disable Callback Default: function(){}
another callback
  • Code
Some code 
$('#inputtext_demo1').EnableDisable({
  enabler: '#checkbox_demo1',
  on_disable: function(){ alert('whyyyyyyy!!') }
})

enablerVal Array Default: null
enabler values from a drop-down list
  • Code
Some code 
$('#inputtext_demo7').EnableDisable({
  enabler: '#select_demo7',
  enablerVal: ['0','1','4']
})