Get the values of selected checkboxes from an asp checkboxlist in jquery

Question

I am trying to get the selected value (or values) of the checkboxlist. My problem is that I am binding the checkboxlist in c# and it's not rendering with the "Value" attribute as it would if I were to hard code the

<asp:ListItem Value=".." .. />

My checkboxlist looks like this:

<asp:CheckBoxList runat="sever" ID="cblStuff" DataValueField="myID" DataTextField="myName"></asp:CheckBoxList>

So when I try to use jquery and do the follow, it returns only "on" as apposed to "myID". Am I missing something? I was under the impression that is what the DataValueField was for? Here is the js I am using:

$("checkboxlist selector").change(function() {
      $(this).find(":checked").each(function() { alert($(this).val()); });
});

Thanks.

score 2 · Accepted Answer · edited May 23 '17 at 12:23

2

DataValueField is server side property and it will not be rendered in html , so you cannot get the value with jquery or any other client side code.

also check the related question: Where are the DataValueField values for a CheckBoxList stored?

edited May 23 '17 at 12:23

Community

1
1

answered Oct 21 '11 at 16:48

Mahes

3,938
1
34
39

James Johnson · Answer 2 · 2011-10-21T17:05:26.310

1

You should be able to get all of the checked items like this:

$("#<%=cblStuff.ClientID%> input[type=checkbox]:checked").each(function(){
    var val = $(this).attr("value");
});

I don't think the CheckBox control has a value attribute by default, but the CheckBoxList might. In either case, you can always add a value attribute.

edited Oct 21 '11 at 17:05

answered Oct 21 '11 at 16:58

James Johnson

45,496
8
73
110

score 0 · Answer 3 · answered Oct 21 '11 at 16:40

0

You can use jQuery's attr() method to get any attribute, official or otherwise:

$("checkboxlist selector").change(function() {
    $(this).find(":checked").each(function() {
        alert($(this).attr('DataValueField')); 
    });
});

answered Oct 21 '11 at 16:40

Blazemonger

90,923
26
142
180

see Mahes answer. Unfortunately the attribute "DataValueField" doesn't render in html. – Matt Oct 23 '11 at 21:04

score 0 · Answer 4 · answered Oct 21 '11 at 17:13

$('#<%= checkboxlist.ClientID %> input:checkbox').change(function () {
if ($(this).is(":checked") && $(this).val() == "DesiredValue")
        alert($(this).val());
});

This will check to see if the value has been set to DesiredValue. The event fires whenever the value is changed. You must check to make sure that the item causing the event to fire is checked, and if it is if it has the value you care about.

Get the values of selected checkboxes from an asp checkboxlist in jquery

4 Answers4