Включение / отключение выпадающего списка в jquery

Question

Включение / отключение выпадающего списка в 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 / учебный материал.

538 8

jQuery drop-down-menu

8 ответов:

Comments

Ничего не найдено.

Kris Krause · Accepted Answer · 2011-10-09 14:52:11

вот один из способов, который я надеюсь, легко понять:

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

Jayendra · Accepted Answer · 2011-10-09 14:54:13

попробуй

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

Chris OnDaRocks · Accepted Answer · 2014-10-24 23:16:27

Я использую JQuery > 1.8 и это работает для меня...
$('#dropDownId').attr('disabled', true);

genesis · Accepted Answer · 2011-10-09 14:48:37

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

JsFiddle

santosh singh · Accepted Answer · 2011-10-09 14:54:24

попробуй такое

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

ipr101 · Accepted Answer · 2011-10-09 14:57:06

включить/отключить -
$("#chkdwn2").change(function() { 
    if (this.checked) $("#dropdown").prop("disabled",true);
    else $("#dropdown").prop("disabled",false);
}) 
Demo -http://jsfiddle.net/tTX6E/

Baqer Naqvi · Accepted Answer · 2014-09-08 13:54:35

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

RossGamble · Accepted Answer · 2014-10-13 12:15:53

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

использование .prop на if заявление.