Question

我想知道是否有可能根据下拉值选择器将复选框的状态更改为已选中。

我已经设法根据单选按钮选择填充复选框，但如何为下拉列表执行此操作？

下拉列表在这里：

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

Answer 1

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

根据下拉值选择填充复选框

1 个答案: