How to change the background color of a control using jQuery?

Question

1.00/5 (1 vote)

See more:

Suppose I have a set of similiar control on a web page and I want to change the background of the control clicked. when another control of the group is clicked then the clicked control should have the changed colour and the previous control should regain its color. Haw can I achieve this?

Posted 31-Aug-14 20:16pm

VipinKumar Maurya

Add a Solution

Comments

Thanks7872 1-Sep-14 2:36am

If you want to retain color of the clicked element till another one is clicked then you have to loop through each control on page and reset its background color. After that change the clicked element's as required.

e.g. btnTest is clicked. Then in its click event call the function which clears all the element's background color and you can skip the clicked one using $(this) [should be passed as an argument to the function] which would be the element you have clicked.

3 solutions

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)

Shemeemsha (ഷെമീംഷ) · Answer 1 · 2014-09-24T04:42:00

Solution 3

Click http://jsfiddle.net/shemeemsha/7pm6g2dc/[^]

Simple code.. You can use this method for changing background color of any control ..

Posted 24-Sep-14 4:42am

Shemeemsha (ഷെമീംഷ)

chirag.jdk · Answer 2 · 2014-08-31T22:30:00

Solution 1

create class in your style like bellow
.color
{
bgcolor="#E6E6FA";
}
and bellow condition to add that class
$("#yourID").addClass( "color" );

Posted 31-Aug-14 22:30pm

chirag.jdk

Suraj Sahoo | Coding Passion · Answer 3 · 2014-09-24T02:36:00

Solution 2

A Fiddle[^]

Above is a fiddle that changes the css for a button control on click.
Please check that.
Thanks
:)

Posted 24-Sep-14 2:36am

Suraj Sahoo | Coding Passion