根据下拉值选择填充复选框 [英] populating checkboxes based on dropdown value selection

问题描述

我想知道是否有可能基于下拉值选择器将复选框的状态更改为选中.

I was wondering if there is possibility to change the status of a checkbox to checked, based on a dropdown value selector.

我已经设法根据单选按钮的选择来填充复选框，但是如何将其用于下拉列表呢?

I already managed to populate checkboxes based on radio button selection, but how would one do it for a dropdown list?

下拉菜单在这里:

 <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>

复选框在右侧(贝宝"复选框)在这里: http://kucanskiposlovi.com/narucite-dolazak/

The checkboxes are on the right (Paypal checkboxes) here: http://kucanskiposlovi.com/narucite-dolazak/

我设法根据单选按钮的选择填充了以下代码:

I managed to populate checkboxes based on radio button selection with this code:

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

推荐答案

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

这篇关于根据下拉值选择填充复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！