在jquery中启用/禁用下拉框

Question

我是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文档/学习资料.

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);