Tuesday, April 3, 2012

Disabled input with JQuery

We have in html inputs like text, radio, select and textareas.

In my situation i had radio inputs and i needed to create trigger which should effect other inputs ( disable them ).

My inputs:
<input name="order_type" type="radio" value="2" /><br />
<input name="order_type" type="radio" value="3" /><br />
<input name="order_type" type="radio" value="4" />
Other section which i want to disable:
<input class="viewspereach" name="text" type="text" value="" />

  function check_ordertype()
    var order_type = $("input[name=order_type]:checked").attr("value");
    if(order_type == 4)
      $(".viewspereach").prop('disabled', true);

      $(".viewspereach").prop('disabled', false);
Demo: http://igloro.info/demos/disableinput.php