【问题标题】:populating checkboxes based on dropdown value selection根据下拉值选择填充复选框
【发布时间】:2016-09-03 01:39:48
【问题描述】:

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

我已经设法根据单选按钮选择填充复选框,但是如何为下拉列表填充?

下拉菜单在这里:

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

【问题讨论】:

    标签: checkbox selector checked jotform


    【解决方案1】:
    $('#select-box').on('change', function() {
      if($(this).val()=='something'){
        $('#your-check-box').prop('checked', true);
      }else{
        $('#your-check-box').prop('checked', false);
      }
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-10-13
      • 1970-01-01
      • 2019-06-01
      • 2014-05-24
      相关资源
      最近更新 更多