チェックボックスの数に応じてドロップダウンフォームを設定する

Question

チェックボックスの数に応じてselectオプションを設定するにはどうすればよいですか？

私はHTMLページに5 checkboxesを持っています。 3つのチェックボックスをチェックすると、selectには1,2,3というオプションが表示されます。同様に、5つのチェックボックスが選択されている場合は、selectオプションから値リスト1,2,3,4,5が表示されます。

私はJavaScriptを

コード

<div class="checkbox"> 
    <label><form:checkbox class="source" path="c1" value="${archbean.c1}" />Option 1</label> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c2" value="${archbean.c2}" />Option 2</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c3" value="${archbean.c3}" />Option 2</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c4" value="${archbean.c4}" />Option 2</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="checkbox"> 
     <label><form:checkbox class="source" path="c5" value="${archbean.c5}" />Option 2</label> 
    </div> 
</div> 

の下にしようとしています

$(document).ready(function() { 
var selected_value = []; 
$('.source').click(function(){ 
    if($(this).is(':checked')){ 
     selected_value.push($(this).val()); 
     console.log(selected_value); 
    } else { 
     //error 
    } 
}); 

私は、ブール値のリストを取得するが、どのようselectでそれらを使用するには、ここで疑問ですしています。

Answer 1

確認のチェックボックスに応じて、フォームの選択オプションを移入する方法この

$(document).ready(function() { 
    $('input:checkbox').change(function() { 
     if(this.checked){ 
     //add to select list 
     } 
     else{ 
     //remove item from select list 
     } 
    }); 
});