need to change the color of checkbox at runtime.

Question

0.00/5 (No votes)

See more:

sir, i have a gridview in which 2 columns are there. (1)- course,(2)-Sem . both are show using checkbox in gridview.
i need that when i select a particular course then the color of sem checkbox are change. how can i do it.

Posted 18-Sep-14 1:30am

TCS54321

Add a Solution

1 solution

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)

Sinisa Hajnal · Answer 1 · 2014-09-18T02:10:00

Solution 1

Use jQuery:

JavaScript

$("#your_grid_id").on ("click", "input[type=checkbox]", function () {
if (this.checked)
    $(this).css("backgroud-color", "green");
else
    $(this).css("backgroud-color", "red");
});

The above code works like this:
Take your grid and to all checkboxes assign click handler. Click changes background colors to green and red depending on the checkstate.

You might need to tweak it a bit for your particular colors and other filters (you might want only particular checkboxes not all within the grid).

If you're doing server round-trip on checkbox click, you might simply do

C#

if (yourCheckbox.Checked)
    yourCheckbox.BackColor = System.Drawing.Color.Green;
else
    yourCheckbox.BackColor = System.Drawing.Color.Red;

If this helps, please take time to accept the solution. Thank you.

Posted 18-Sep-14 2:10am

Sinisa Hajnal

Updated 18-Sep-14 2:14am

v2

Comments

TCS54321 18-Sep-14 8:51am

there are 10 sem in 2nd column. i need that when i select a course only particular sem checkbox color will be change.

my gridview code is:-

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%"
CssClass="EU_DataTable" HeaderStyle-HorizontalAlign="Center"
HeaderStyle-Font-Bold="True" HeaderStyle-Height="32px" Font-Size="10pt" >
<columns>

<asp:TemplateField Visible="False">
<itemtemplate>
<asp:Label ID="lblCourseid" runat="server" Text='<%# Bind("Courseid") %>'>

<asp:TemplateField HeaderText="Course/Sem">
<itemtemplate>
<asp:CheckBox ID="ChkIn" runat="server" AutoPostBack="true" OnCheckedChanged="Color"/>
<asp:Label ID="lblcourse" runat="server" Text='<%# Bind("Course") %>'>
<br />

<asp:TemplateField HeaderText="Sem" SortExpression="Sem">
<itemtemplate>
<asp:CheckBoxList ID="chkSem" runat="server" DataSourceID="SqlSem"
DataTextField="Serial" DataValueField="Semid" RepeatColumns="5" RepeatDirection="Horizontal">

<HeaderStyle BackColor="Gray" ForeColor="White" HorizontalAlign="Left" />

TCS54321 18-Sep-14 8:53am

for example:- if i select course that name b.tech(csc) then only 1,3 and 6 sem checkbox color will be change

Sinisa Hajnal 18-Sep-14 9:45am

Did you try my code? Is there a problem with it? I understand what you want, the code above should cover both client side and server side (depending on what's easier for you) - since you have AutoPostBack= true and onCheckedChanged, go to your click handler (Color) and copy my code (change the variable name of course)