启用/禁用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文档/学习材料。

这是我希望的一个方法,很容易理解:

http://jsfiddle.net/tft4t/

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

尝试 –

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

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

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

尝试这个

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

启用/禁用 –

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

演示 – http://jsfiddle.net/tTX6E/

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

的jsfiddle

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

if语句中使用.prop