How to highlighted selected row in div as List

Question

0.00/5 (No votes)

See more:

I have one foreach loop under foreach I have one

tage under

tag one input checkbox. In that loop their is 5 items. And

tags created 5 times. Now when I check suppose 4th item then I want to highlighted only 4th

tag with red color. How to implement? I have attached foreach loop code. And I have use MVC4.

@foreach (SelectListItem item in ViewBag.LocationList)
{

}

Posted 31-Aug-14 19:32pm

Member 10530640

Add a Solution

Comments

Member 10530640 1-Sep-14 2:58am

Please show me the code

2 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)

Khandwawala Hatim · Answer 1 · 2014-08-31T20:06:00

hi,

Surround your Input tag with a division and give a ID (id should be same as the ID of your check box with some prefix)
e.g. If your Check box id is 1 then make your Div id as DIV_1.

Then using j query on click event of the check box first check weather the check box is checked or not based on that form the Division id using check box ID and set the back ground color of the division.

uspatel · Answer 2 · 2014-09-01T00:54:00

use Label and CSS for achiving the same
as

JavaScript

@foreach (SelectListItem item in ViewBag.LocationList)
        {

        <input type="checkbox" id="_@item.key">
               class="check" />
        <label for="_@item.key">TAG</label>
        }

CSS:

CSS

input[type=checkbox] + label {
            color: #ccc;
            font-style: italic;
        }

        input[type=checkbox]:checked + label {
            color: white;
            font-style: normal;
            background-color:red;
        }

How to highlighted selected row in div as List

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0