在 jquery 中启用/禁用下拉框

我是 jQuery 新手，我想使用复选框启用和禁用下拉列表。这是我的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/ http://jsfiddle.net/tft4t/

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