Enable / disable dropdown in jquery

Question

I'm new to jQuery and I want to enable and disable the dropdown using the checkbox. This is my html:

<select id="dropdown" style="width:200px"> <option value="feedback" name="aft_qst">After Quest</option> <option value="feedback" name="aft_exm">After Exam</option> </select> <input type="checkbox" id="chkdwn2" value="feedback" /> 

What jQuery code do I need to do? Also look for good jQuery documentation / tutorial.

Answer 1

Here is one way that I hope is easy to understand:

http://jsfiddle.net/tft4t/

 $(document).ready(function() { $("#chkdwn2").click(function() { if ($(this).is(":checked")) { $("#dropdown").prop("disabled", true); } else { $("#dropdown").prop("disabled", false); } }); }); 

Answer 2

Try it -

 $('#chkdwn2').change(function(){ if($(this).is(':checked')) $('#dropdown').removeAttr('disabled'); else $('#dropdown').attr("disabled","disabled"); }) 

Answer 3

I am using jQuery> 1.8 and this works for me ...

 $('#dropDownId').attr('disabled', true); 

Answer 4

try it

  <script type="text/javascript"> $(document).ready(function () { $("#chkdwn2").click(function () { if (this.checked) $('#dropdown').attr('disabled', 'disabled'); else $('#dropdown').removeAttr('disabled'); }); }); </script> 

Answer 5

To enable / disable -

 $("#chkdwn2").change(function() { if (this.checked) $("#dropdown").prop("disabled",true); else $("#dropdown").prop("disabled",false); }) 

Demo - http://jsfiddle.net/tTX6E/

Answer 6

 $("#chkdwn2").change(function(){ $("#dropdown").slideToggle(); }); 

Jsfiddle

Answer 7

 $("#chkdwn2").change(function() { if (this.checked) $("#dropdown").prop("disabled",'disabled'); }) 

Answer 8

 $(document).ready(function() { $('#chkdwn2').click(function() { if ($('#chkdwn2').prop('checked')) { $('#dropdown').prop('disabled', true); } else { $('#dropdown').prop('disabled', false); } }); }); 

using .prop in the if .