How to get value of selected checkboxlist items using javascript in asp.net

Question

I am working on an asp.net project in which i have a checkboxlist which i have bound using

DataTable dt = new Process_Hotels().SelectAllFacilty();           
if (dt.Rows.Count > 0)                                            
{                                                                 
    cblHotelFacility.DataSource = dt;                             
    cblHotelFacility.DataTextField = "Facility";                  
    cblHotelFacility.DataValueField = "ID";                       
    cblHotelFacility.DataBind();                                  

    foreach (ListItem li in cblHotelFacility.Items)               
    {                                                             
        li.Attributes.Add("JSvalue", li.Value);                   
    }                                                             
}

and now i want to get selected value ID of checkboxlist using javascript on button click.For that i have following javascript code on button click:

<script type="text/javascript">                                                                                   

    function test() {                                                                                             
        var checkList1 = document.getElementById('<%= cblHotelFacility.ClientID %>');                             
        var checkBoxList1 = checkList1.getElementsByTagName("input");                                             
        var checkBoxSelectedItems1 = new Array();                                                                 

        for (var i = 0; i < checkBoxList1.length; i++) {                                                          
            if (checkBoxList1[i].checked) {                                                                       
                checkBoxSelectedItems1.push(checkBoxList1[i].value);                                              
                //alert('checked:' + checkBoxSelectedItems1.push(checkBoxList1[i].getAttribute("JSvalue")).value);
                alert('checked - : ' + checkBoxList1[i].value)                                                    
            }                                                                                                     
        }                                                                                                         
    }                                                                                                             
</script>

but the on clicking button the selected checkboxlist is showing 0. I want to get ID of selected checkboxlist items.Please help.

how many elements are there in checkList1. i thing will only be one — Nitin Varpe
– Nitin Varpe, Commented Jan 15, 2014 at 9:32
there may be many elements checkList1 and if i select multiple items of checkboxlist then it shows multiple times alert message "on" instead of ID — Sunny Sandeep
– Sunny Sandeep, Commented Jan 15, 2014 at 9:35

Plue · Accepted Answer · 2014-01-15 09:47:57Z

16

Try this :

<script type = "text/javascript">

function GetCheckBoxListValues(chkBoxID)
{
    var chkBox = document.getElementById('<%= cblHotelFacility.ClientID %>');
    var options = chkBox.getElementsByTagName('input');
    var listOfSpans = chkBox.getElementsByTagName('span');
    for (var i = 0; i < options.length; i++)
    {
        if(options[i].checked)
        {
            alert(listOfSpans[i].attributes["JSvalue"].value);
        }
    }
}


</script>

edited Jan 15, 2014 at 9:47

answered Jan 15, 2014 at 9:40

Plue

1,8101 gold badge19 silver badges22 bronze badges

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

1 Comment

Sunny Sandeep Over a year ago

it is returning selected items text but i want its value

gokul · Accepted Answer · 2014-01-15 09:38:42Z

1

Try debugging

for (var i = 0; i < checkBoxList1.length; i++) {
console.log(checkBoxList1[i])
            if (checkBoxList1[i].checked) {
                checkBoxSelectedItems1.push(checkBoxList1[i].value);
                //alert('checked:' + checkBoxSelectedItems1.push(checkBoxList1[i].getAttribute("JSvalue")).value);
                alert('checked - : ' + checkBoxList1[i].value)
            }
        }

Check to see id console.log() gives you any information about the object by pressing F12 on console window. Install firebug plugin for Firefox.

answered Jan 15, 2014 at 9:38

gokul

3931 silver badge8 bronze badges

Comments

Steven · Accepted Answer · 2021-02-03 12:46:41Z

0

May this code help you:

function CheckBoxCheckOrNot(jobskill) {
    var c = document.getElementById(jobskill).getElementsByTagName('input');
    for (var i = 0; i < c.length; i++) {
        if (c[i].type == 'checkbox') {
            if (c[i].checked) {
                alert('checkbox checked');
            }
            else {
                alert('checkbox unchecked');
            }
        }
    }
}

note: jobskill is a container id which contain all check boxes.

edited Feb 3, 2021 at 12:46

Steven

2,1204 gold badges24 silver badges36 bronze badges

answered Jan 15, 2014 at 9:34

Ankit

2071 silver badge11 bronze badges

Collectives™ on Stack Overflow

How to get value of selected checkboxlist items using javascript in asp.net

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related