Javascript 如何在数组中保存复选框列表的选定值？

我想使用javascript或jquery将复选框的值保存在数组中。 我的复选框列表在数据列表中。每当用户选择一个项目时，我都希望将该选定项目的值添加到数组中

ASPX :

 <asp:DataList ID="dl_Groups_1" RepeatColumns="1"  runat="server" OnItemDataBound="dl_Groups_1_ItemDataBound" RepeatDirection="vertical" ShowFooter="False" ShowHeader="False">
        <ItemTemplate>
           <asp:CheckBox Font-Bold="true" runat="server" ID="chk_Group_1" Text='<%# Eval("category_type") %>' Value='<%# Eval("service_type_category_id") %>' onclick="OnGroupClick" />
            <asp:CheckBoxList  CssClass="line" runat="server" ID="chkServiceType_1" DataValueField="ServiceTypeID" DataTextField="Name" EnableViewState="true">
            </asp:CheckBoxList> 
            <br />
        </ItemTemplate>
    </asp:DataList>

当我执行此操作时，我会将警报消息显示为“开”，而不是值。在选中和取消选中复选框列表中的项目时，我在哪里调用javascript来保持数组的更新

使用

map（）

var arrValues = new Array();
function test() {
    $(":checkbox").each(function () {
        if (this.checked && arrValues.indexOf(this.value) == -1) {
            arrValues.push(this.value);
        }
    });
}

selectedValue将具有数组中所有选中的值。

var-val；
var val;
$('#<%= chkServiceType_1.ClientID %> input[type=checkbox]').change(function(){
   val = $("#<%= chkServiceType_1.ClientID %> input[type=checkbox]:checked").map(function(){
          return this.value;
       }).get();
})

$（'#输入[type=checkbox]'）。更改（函数（）{
val=$（“#输入[类型=复选框]：选中”）.map（函数（）{
返回此.value；
}).get（）；
})

我在哪里调用这个函数test（）？其他人说，每当用户选择一个项目，为什么要迭代？为什么不点击事件？@Pankaj Garg我只是根据他的代码来展示如何将物品添加到array@PhongVo我在哪里调用这个函数，为了将选中的项目添加到arrya？@Anuya，我只需创建一个示例，将

onclick

event绑定到复选框，以添加值并将其从数组中删除。其他人说，每当用户选择一个项目，为什么要迭代？为什么不是点击事件？

 var selectedValue= $("input:checkbox:checked").map(function(){
     return this.value;
 }).get();

console.log(selectedValue);

var val;
$('#<%= chkServiceType_1.ClientID %> input[type=checkbox]').change(function(){
   val = $("#<%= chkServiceType_1.ClientID %> input[type=checkbox]:checked").map(function(){
          return this.value;
       }).get();
})