2016-05-08 8 views
0

Мне было интересно, есть ли возможность изменить статус флажка для проверки на основе селектора значений выпадающего списка.заполнение флажков на основе выбора значения выпадающего списка

Мне уже удалось заполнить флажки на основе выбора переключателя, но как это сделать для выпадающего списка?

Dropdown здесь:

<select class="form-dropdown" style="width:150px" id="input_12" name="q12_broj_sati_dropdown"> 
     <option value=""> Odaberite broj sati </option> 
     <option calcValue="240" value="4h" id="4h"> 4h </option> 
     <option calcValue="300" value="5h" id="5h"> 5h </option> 
     <option calcValue="360" value="6h" id="6h"> 6h </option> 
     <option calcValue="420" value="7h" id="7h"> 7h </option> 
     <option calcValue="480" value="8h" id="8h"> 8h </option> 
     <option calcValue="540" value="9h" id="9h"> 9h </option> 
     <option calcValue="600" value="10h" id="10h"> 10h </option> 
     <option calcValue="660" value="11h" id="11h"> 11h </option> 
     <option calcValue="720" value="12h" id="12h"> 12h </option> 
     </select> 

Флажки находятся справа (Paypal флажков) здесь: http://kucanskiposlovi.com/narucite-dolazak/

мне удалось заполнить флажками на основе выбора кнопки радио с этим кодом:

jQuery(document).ready(function() { 
function subscribe() { 
jQuery('input[type="radio"]').click(function() { 
    var trimj = document.getElementById("input_52_0"); 
    var sestmj = document.getElementById("input_52_1"); 
    if (trimj.checked == true) { 
    //check 3 mjeseca box, uncheck all other boxes 
    jQuery("#input_63_1021").attr("checked", false); 
    jQuery("#input_63_1020").trigger('click'); 
    } else if (sestmj.checked == true) { 
    //check 3 mjeseca box 
    jQuery("#input_63_1020").attr("checked", false); 
    jQuery("#input_63_1021").trigger('click'); 
    } 
}); 
} 
subscribe(); 
}); 

ответ

0
$('#select-box').on('change', function() { 
    if($(this).val()=='something'){ 
    $('#your-check-box').prop('checked', true); 
    }else{ 
    $('#your-check-box').prop('checked', false); 
    } 
});