启用/禁用jquery中的下拉框

我是jQuery的新手，我想使用checkbox启用和禁用下拉列表。 这是我的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" /> 

我需要做什么jQuery代码？ 同时寻找一个好的jQuery文档/学习材料。

Answer 1

这是我希望的一个方法，很容易理解：

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

尝试 –

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

Answer 3

我正在使用JQuery> 1.8，这对我有用…

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

Answer 4

尝试这个

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

Answer 5

启用/禁用 –

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

演示 – 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); } }); }); 

在if语句中使用.prop 。