Check Boxes & Labels

Question

1.00/5 (1 vote)

See more:

Hey Guys!

Thanks for the help of previous posts by the way!

I've created a page for employee assignment (equipment & software)

I have a checkbox list that's connected through the wizard to one of my database tables (DeviceType) which brings up Laptop,Phone,Monitor e.t.c.

I want to place labels on the right hand side. But hide them until a box is ticked.

http://i1145.photobucket.com/albums/o506/MConnolly1991/Capture-4.png?t=1345020789[^]

^^ Is an image of my check box and 2 labels, as you can see. Both say monitor. I'f I check Laptop though, they stay as Monitor, how do I change the second one to Laptop, and if I add a third that it'll change to that choice and so on and so forth?

This is my first time to use check boxes and databases with labels so it's tough enough.

Thanks in advance guys!

Mark

Posted 14-Aug-12 22:56pm

EuphorialXTC

Add a Solution

Comments

Reelix 15-Aug-12 5:09am

Are these individual CheckBox's, or a single CheckBoxList ?

EuphorialXTC 15-Aug-12 5:10am

At the moment I'm using a checkboxlist, should I use check boxes and assign each one individually to an item?

2 solutions

Solution 2

Hi,

You can do it in both Client Side & Server Side.

Client Side using JavaScript

C#

<asp:checkbox id="CheckBoxID" runat="server" onclick="CheckBoxChecked(this)" xmlns:asp="#unknown" />

C#

function CheckBoxChecked(value) {
    if(value.checked == true)
       document.getElementById("<%=LabelId.ClientID %>").style.display = 'none';
    else
       document.getElementById("<%=LabelId.ClientID %>").style.display = 'block' ; 
}

Server Side Event

C#

<asp:checkbox id="CheckBoxID" runat="server" oncheckedchanged="CheckBoxChanged" xmlns:asp="#unknown" />

C#

void CheckBoxChanged(object sender, EventArgs e)  
{  
    LabelID.Visible = false;  
}

Happy Coding :)

Posted 14-Aug-12 23:47pm

Linto Leo Tom

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Reelix · Accepted Answer · 2012-08-14T23:19:00

Is there any reason you're using multiple label boxes?

The same effect can be achieved with a single one.

Simply set the "AutoPostBack" value of the CheckBoxList to "True" in the "Designer" view, and use the following:

C#

protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
            string selectedItems = "";
            for (int j = 0; j < CheckBoxList1.Items.Count; j++)
            {
                if (CheckBoxList1.Items[j].Selected)
                {
                    if (selectedItems.Length == 0)
                    {
                        selectedItems = CheckBoxList1.Items[j].Text;
                    }
                    else
                    {
                        selectedItems += ", " + CheckBoxList1.Items[j].Text;
                    }
                }
            }
            Label1.Text = selectedItems;
        }