Click here to Skip to main content
Click here to Skip to main content

How to Get the CheckBoxlist Value using JavaScript?

, 18 Sep 2007 CPOL
Rate this:
Please Sign up or sign in to vote.
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.

Introduction

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

Background

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.WriteBeginTag("input"); 
     writer.WriteAttribute("type", "checkbox"); 
     writer.WriteAttribute("name", UniqueID); 
     writer.WriteAttribute("id", ClientID + "_" + 
	repeatIndex.ToString(NumberFormatInfo.InvariantInfo)); 
     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]);
     }
     writer.Write(">"); 
     writer.Write(Items[repeatIndex].Text);
  }
} 
}  

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"; 
   CheckBoxListExCtrl.DataBind();
}

Step 5

Then we can get the checkbox list value easily by:

document.getElementByID("CheckBoxListExCtrl").value

History

  • 19th September, 2007: Initial post

License

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

Share

About the Author

Trilochan Nayak.
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:
trilochan-nayak.spaces.live.com

Comments and Discussions

 
GeneralThanks PinmemberRavishRanjane7-Oct-09 6:56 
GeneralGetting only the value of the first item PinmemberpalluCodeProject7-Mar-09 16:29 
GeneralGreat Article Pinmemberrameshsethu2-Dec-08 11:55 
AnswerStartIndex error & persistance issues PinmemberMember 97937818-Jun-08 3:23 
GeneralRe: StartIndex error & persistance issues PinmemberTrilochan Nayak.13-Aug-08 22:24 
GeneralGood Article PinmemberAnil R28-Mar-08 6:00 
GeneralUseful PinmemberKen Hales19-Oct-07 9:51 
GeneralHey dude u helped me..one of a article of it's kind PinmemberRitesh K Singh19-Sep-07 5:06 
GeneralGreat Artilcle PinmemberMatrix.18-Sep-07 22:04 

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

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

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.141223.1 | Last Updated 19 Sep 2007
Article Copyright 2007 by Trilochan Nayak.
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid