Question

I am new to jQuery and I want to enable and disable a dropdown list using a 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 this? Also searching for a good jQuery documentation/study material.

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

我正在使用JQuery >1.8,为我工作。

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

Answer 3

Try -

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

Answer 4

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

rel=“nofollow”>JsFiddle

Answer 5

To enable/disable -

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

Demo - 。

Answer 6

try this

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

Answer 7

www.un.org/Depts/DGACM/index_spanish.htm a. 更好的解决办法:

$(document).ready(function() {
    $("#chkdwn2").click(function() {
        $("#dropdown").prop("disabled", this.checked);  
    });
});

Answer 8

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

Answer 9

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

使用<代码>。

Answer 10

如果你从价值为15的下降1中挑选出选择方案,那是可消除的下降。

$("#dropdown1").change(function(){
            if ( $(this).val()!= "15" ) {
                $("#dropdown2").attr("disabled",true);
                $("#dropdown13").attr("disabled",true);

            }

Answer 11

您的遴选人应或是选人、助手(#)或班级(+)。

www.un.org/Depts/DGACM/index_spanish.htm 如果你想要放弃:

$("#your-selector").prop("disabled", true);

www.un.org/Depts/DGACM/index_spanish.htm 如果你想要做到:

$("#your-selector").prop("disabled", false);

友情链接