показать / скрыть флажок в зависимости от значения опции выбора

Question

Как показать / скрыть флажок на основе значения параметра выбора? Я хочу показать флажок на основе одного значения в опции выбора и хочу скрыть его при выборе других значений. Я пытаюсь найти решение jquery.

$('#abcselect').change(function(){$('#unknownlicense').toggle($(this).val() == 'first')});

Answer 1

$(document).ready(function() {
    $("select").change(function() {
        $("#foo").toggle($(this).val() == "something"));
    }).change(); // in case the first option is selected on page load
});

Попробуйте: http://jsfiddle.net/JMGMx/3/

Также см. http://api.jquery.com/toggle/ и http://api.jquery.com/slidetoggle/

Answer 2

    $('#YourSelectId').change(function () {
        if($(this).val() == 'TheValueOftheOptionThatHasCheckboxes'){
            $('#IdOfDivContainingTheCheckBoxes').show();
        }
        else{
            $('#IdOfDivContainingTheCheckBoxes').hide();
        }
    });

Answer 3

Вы можете привязать к измененной опции выбора, используя jquery с кодом, подобным следующему:

$('.target').change(function() { 
    alert('Handler for .change() called.'); 
 });

Вы можете показывать и скрывать с помощью методов .show () и .hide ().

Вы можете объединить их, чтобы сделать что-то вроде

$('#SelectId').change(function (){
    if($(this).val() == 'ShowCheckBox'){
         $('DivWithCheckboxes).show()
     }
     else{
         $('DivWithCheckboxes).hide()
     }
});

Более подробную информацию о функциях можно найти по адресу:

http://api.jquery.com/change/
http://api.jquery.com/show/
http://api.jquery.com/hide/

Answer 4

Вы всегда можете установить этот флажок (или окружающий div) на тот же идентификатор, что и значение в опции выбора, чтобы при выборе этого значения вы просто делали:

$('#sameIDasOption').show();