Question

我是jquery的新手，我需要一些帮助。我有一个包含3组的选择框。 group1的值为1,3,5 group2的值为1,2,3,4,5 group3的值为1,5

当我选择一个组时，将标记复选框。当我选择group1时，选中复选框1,3,5 当我选择group3时，选中复选框1,5

HTML:
<div>
 <select name="group_id" id="input-group" class="form-control">
  <option value="">Select</option>
  <option value="1,3,5">Group 1</option>
  <option value="1,2,3,4,5">Group 2</option>
  <option value="1,5">Group 3</option>
 </select>
</div>
<div>
 <input type="checkbox" id="checkbox1" value="1" />
 <input type="checkbox" id="checkbox2" value="2"/>
 <input type="checkbox" id="checkbox3" value="3"/>
 <input type="checkbox" id="checkbox4" value="4"/>
 <input type="checkbox" id="checkbox5" value="5"/>
</div>

JS:
$('select').on('change', function() {

})

DEMO：https://jsfiddle.net/rd2mz7nh/1/

我希望你能帮助我并感谢你的支持

BR Thomas

Answer 1

简单的解决方案是将所选选项值与每个复选框进行比较，并相应地设置为选中。以下是代码

$("input:checkbox").prop("checked", false); // Uncheck all when page is loaded

    $('#input-group').on('change', function() {
      var selectedValues = this.value;
      $("input:checkbox").each(function() {
        var isChecked = selectedValues.split(',').indexOf($(this).attr("value")) > -1;
        $(this).prop("checked", isChecked);
      });
    });

演示：https://jsfiddle.net/4pqg1w8c/

将输入选择绑定到复选框组jquery

1 个答案: