Author Topic: Selected Values of CheckBoxList using java script in ASP.NET Web Page  (Read 2999 times)

BhushanShah

  • Global Moderator
  • Jr. Member
  • *****
  • Posts: 73
  • BhushanShah21
    • View Profile
Below javascript function will return selected items value from checkboxlist in comma separated string in ASP.NET :

Code: [Select]
function getCheckListItemsValue() {
            var chkList = document.getElementById('<%= CheckBoxList.ClientID %>').childNodes[0];
            var chkoption = "";
            for (var i = 0; i < chkList.childNodes.length; i++) {
                for (var k = 0; k < chkList.childNodes[i].childNodes.length; k++) {
                    if (chkList.childNodes[i].childNodes[k].nodeName == "TD") {
                        var currentTD = chkList.childNodes[i].childNodes[k];
                        for (var j = 0; j < currentTD.childNodes.length; j++) {
                            if (currentTD.childNodes[j].nodeName == "SPAN") {
                                var currentSpan = currentTD.childNodes[j];
                                for (var l = 0; l < currentSpan.childNodes.length; l++) {
                                    if (currentSpan.childNodes[l].nodeName == "INPUT" && currentSpan.childNodes[l].type == "checkbox") {
                                        var currentChkBox = currentSpan.childNodes[l];
                                        if (currentChkBox.checked) {
                                            chkoption = chkoption + (currentSpan.val) + ',';
                                        }
                                    }
                                }

                            }
                        }
                    }
                }
            }
            chkoption = chkoption.substring(0, chkoption.length - 1);
            return chkoption;
        }

In server side you have to use following code for CheckBoxList's DataBound Event:

Code: [Select]
protected void CheckBoxList_DataBound(object sender, EventArgs e)
{
       foreach (ListItem item in CheckBoxList.Items)
      {
             item.Attributes.Add("val", item.Value);
       }
}
Regards,
Bhushan Shah