jquery에서 드롭다운 상자 사용/사용 안 함

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/

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

저는 JQuery > 1.8을 사용하고 있으며, 이것은 저에게 적합합니다.

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

시도 -

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

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

제이에스피들

활성화/비활성화 방법 -

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

데모 - http://jsfiddle.net/tTX6E/

이거 먹어봐요.

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

다른 경우가 없는 더 나은 솔루션:

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

$("#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);  
   }
 });
});

을 이용하여.prop에서if진술.

드롭다운 1에서 값이 15인 옵션을 선택하면 드롭다운 2, 드롭다운 3을 비활성화합니다.

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

            }

Selector는 Select(선택), id(#) 또는 class() 중 하나여야 합니다.

비활성화하려면 다음을 수행합니다.

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

이는 사용 가능으로 설정하려는 경우:

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

언급URL : https://stackoverflow.com/questions/7703241/enable-disable-a-dropdownbox-in-jquery