Click here to Skip to main content
15,847,549 members
Articles / Programming Languages / Javascript

How to Get the CheckBoxlist Value using JavaScript?

Rate me:
Please Sign up or sign in to vote.
4.44/5 (9 votes)
18 Sep 2007CPOL 92.8K   18   10
I am using checkboxlist in ASP.NET 2.0 C#.I bind a list of records in checklistbox from DB. I could not get the value from JavaScript.


We have to update the checkboxlist into a new control say name:"CheckBoxListExCtrl" which can inherit checkboxlist property.


CheckBoxList extension.

Using the Code

Create a new control by the following steps.

Step 1

Create a class library project:

using System;
using System.Collections.Generic; 
using System.Text; 
using System.Globalization; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
namespace CheckBoxListExCtrl 
public class CheckBoxListExCtrl :CheckBoxList, IRepeatInfoUser 
 void IRepeatInfoUser.RenderItem(ListItemType itemType, 
	int repeatIndex, RepeatInfo repeatInfo, HtmlTextWriter writer) 
     writer.WriteAttribute("type", "checkbox"); 
     writer.WriteAttribute("name", UniqueID); 
     writer.WriteAttribute("id", ClientID + "_" + 
     writer.WriteAttribute("value", Items[repeatIndex].Value); 
     System.Web.UI.AttributeCollection attrs = Items[repeatIndex].Attributes; 
     foreach (string key in attrs.Keys) 
        writer.WriteAttribute(key, attrs[key]);

Step 2

Build it into a *.dll file,and add it to toolbox of VS.NET. Then you can use it from your project.

Step 3

When we add this control into *.aspx page, the& following code is generated.

<checkboxlistexctrl id="CheckBoxListExCtrl1" runat="server"></checkboxlistexctrl>

Step 4

From the code behind, we have to write code to bind the CheckBoxListExCtrl control.

protected void PopulateCheckBoxListExCtrl() 
   CheckBoxListExCtrl.DataSource = DtRecords;//DataTable DtRecords from DB
   CheckBoxListExCtrl.DataTextField ="Column1"; 
   CheckBoxListExCtrl.DataValueField ="Column2"; 

Step 5

Then we can get the checkbox list value easily by:



  • 19th September, 2007: Initial post


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By
Software Developer (Senior) Tata Consultancy Services Ltd
India India
Trilochan Nayak is a B.TECH graduate from Institute of Engineering and Management,Kolkata.

He is proficient in:

- ASP.NET- more than 6+ years of experience.
- Sharepoint- more than 6+ years of experience.
- C#- more than 6+ years of experience.
- VB.NET- more than 6+ years of experience.
- JavaScript - more than 6+ years of experience.
- SQL SERVER- more than 6+ years of experience.
- Oracle- more than 6+ years of experience.
- Visual Basic- more than 2+ years of experience.
- ASP- more than 2+ years of experience.
- PHP- more than 2+ years of experience.

His blog site is:

Comments and Discussions

QuestionNice one Pin
Member 1338498229-Aug-17 22:07
Member 1338498229-Aug-17 22:07 
GeneralThanks Pin
Ravish Ranjane7-Oct-09 6:56
Ravish Ranjane7-Oct-09 6:56 
GeneralGetting only the value of the first item Pin
palluCodeProject7-Mar-09 16:29
palluCodeProject7-Mar-09 16:29 
GeneralGreat Article Pin
rameshsethu2-Dec-08 11:55
rameshsethu2-Dec-08 11:55 
AnswerStartIndex error & persistance issues Pin
Member 97937818-Jun-08 3:23
Member 97937818-Jun-08 3:23 
GeneralRe: StartIndex error & persistance issues Pin
Trilochan Nayak.13-Aug-08 22:24
Trilochan Nayak.13-Aug-08 22:24 
GeneralGood Article Pin
Anil R28-Mar-08 6:00
Anil R28-Mar-08 6:00 
GeneralUseful Pin
Ken Hales19-Oct-07 9:51
Ken Hales19-Oct-07 9:51 
GeneralHey dude u helped of a article of it's kind Pin
Ritesh K Singh19-Sep-07 5:06
Ritesh K Singh19-Sep-07 5:06 
GeneralGreat Artilcle Pin
Matrix.18-Sep-07 22:04
Matrix.18-Sep-07 22:04 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.