綁定輸入選擇複選框組jquery

我很新的jquery，我需要一點幫助。我有一個有3組的選擇框。組1具有值1,3,5 組2與值1,2,3,4,5 第3組具有值1,5綁定輸入選擇複選框組jquery

當我選擇的基團，複選框是要被標記。當我選擇1組，檢查複選框1,3,5 當我選擇第3組，檢查複選框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

來源

2016-02-05 Thomas

看看我更新了小提琴的版本，讓我知道你在想什麼：https://jsfiddle.net/q6th3zds/ – Aeolingamenfel

我會提供一個交代我做了什麼，如果那是你正在尋找的？ – Aeolingamenfel

簡單的解決方案是將選定的選項值與每個複選框進行比較並設置爲相應檢查。下面是代碼

$("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/

來源

2016-02-05 01:48:44 Thangaraja

你好，謝謝，謝謝謝謝 - 這就是我需要的。感謝這兩個解決方案，但我認爲這更容易。 – Thomas

請投票並將其設置爲答案。這對其他人會有用 – Thangaraja

綁定輸入選擇複選框組jquery

回答

相關問題