Enable/Disable user control using javascript

Question

I have an usercontrol which should be disabled/enabled based on a dropdown selection.Please find below the piece of code.

  if (name== 'A') {
        $("#uc_panel").prop("disabled", "disabled");
        $("#uc_btnAddCategory").prop("disabled", "disabled");
        $("#uc_ddlCategorySelection").prop("disabled", "disabled");}
  else
  {
    $("#uc_panel").prop("disabled", "");
    $("#uc_btnAddCategory").prop("disabled", "");
    $("#uc_ddlCategorySelection").prop("disabled", "");
  }

1st time I select 'A' from the dropdown , usercontrol is disabled. 2nd time I select 'B' and click on BtnAdd, the usercontrol is getting disabled but it should be enabled

tarmaq · Accepted Answer · 2014-06-12 07:56:22Z

1

If you are using prop function, use boolean as values when props are 'disabled', 'checked', etc. You can check documentation. The way you are using prop is same as was used in older versions of jquery with attr function

if (name == 'A') {
    $("#uc_panel").prop("disabled", true);
    $("#uc_btnAddCategory").prop("disabled", true);
    $("#uc_ddlCategorySelection").prop("disabled", true);
} else {
    $("#uc_panel").prop("disabled", false);
    $("#uc_btnAddCategory").prop("disabled", false);
    $("#uc_ddlCategorySelection").prop("disabled", false);
}

So you can shorter it like this:

var isA = name == 'A';
$("#uc_panel").prop("disabled", isA);
$("#uc_btnAddCategory").prop("disabled", isA);
$("#uc_ddlCategorySelection").prop("disabled", isA);

or:

$("#uc_panel, #uc_btnAddCategory, #uc_ddlCategorySelection").prop("disabled", name == 'A')

edited Jun 12, 2014 at 7:56

answered Jun 12, 2014 at 7:34

tarmaq

4222 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cracker · Accepted Answer · 2014-06-12 07:49:05Z

0

This Help You.

HTML

<select id="mySelect" onchange="checkField(this.value)">
  <option>Apple</option>
  <option>Banana</option>
  <option>Orange</option>
</select>

<input type="text" id="txt" value="Hello">

Javascript

<script>
   function checkField(val)
    {          
      var button = document.getElementById("txt");
      button.disabled = true;
    }
</script>

On Drop Down change it will disable the textbox

Moreover, In order to respond of the change of the selected index, add this onchange event to the dropdown: onchange="disableButton()"

edited Jun 12, 2014 at 7:49

answered Jun 12, 2014 at 7:43

cracker

4,9043 gold badges26 silver badges41 bronze badges

Collectives™ on Stack Overflow

Enable/Disable user control using javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related