How to save the selected value of checkboxlist in array?

Question

I want to save the values of checkbox in an array using javascript or jquery. My checkboxlist is inside the datalist. Whenever the user select an item, I want to add the value of that selected item to a array.

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>

I tried the below to, get the items that are slected, but i am struck up here...

function test() {
    $(":checkbox").each(function () {
        if (this.checked) {
            alert(this);
        }
    });
}

When i do this, i get alert message as "ON" and not the value. And where do i call the javascript to keep the array updated on selecting and un selecting the items in checkboxlist ?

Phong Vo · Accepted Answer · 2013-04-12 07:37:45Z

2

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

answered Apr 12, 2013 at 7:37

Phong Vo

1,0787 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Anuya Over a year ago

where do i call this function test() ?

user2007801 Over a year ago

Other person says Whenever the user select an item So why iteration? and why not the click event ?

Phong Vo Over a year ago

@Pankaj Garg I just base on his code to show how to add item to array

Anuya Over a year ago

@PhongVo where do i call this function, inorder to add the checked items to arrya ?

Phong Vo Over a year ago

@Anuya I just create a sample that will bind onclick event to checkbox to add value and remove it out of array jsFiddle

bipen · Accepted Answer · 2013-04-12 07:44:00Z

0

use map()

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

console.log(selectedValue);

selectedValue will have all the checked value in array..

answered Apr 12, 2013 at 7:44

bipen

36.6k9 gold badges51 silver badges62 bronze badges

1 Comment

user2007801 Over a year ago

Other person says Whenever the user select an item So why iteration? and why not the click event ?

Anujith · Accepted Answer · 2013-04-12 07:50:31Z

0

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

answered Apr 12, 2013 at 7:50

Anujith

9,3686 gold badges36 silver badges48 bronze badges

Collectives™ on Stack Overflow

How to save the selected value of checkboxlist in array?

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related