Click here to Skip to main content
11,707,470 members (75,778 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: ASP.NET jQuery
adding css class in jquery to checkboxes in

$('input[type="checkbox"]').each(function ()

I have wrote the above code which was not applying css

Posted 22-Mar-13 21:40pm
Edited 22-Mar-13 21:41pm

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Hello Surendra,

Here is a small html prototype demonstrating that your code should work.
<!DOCTYPE html>
<style type="text/css">
.c1 { padding: 2px 20px 2px 20px; }
<script src=""></script>
<script type="text/javascript">
    $('input[type="checkbox"]').each(function () {
<form name="frmMain" id="frmMain" method="post">
<label>Check 1</label><input type="checkbox" id="chk1" name="chk1"/><span>One</span></br>
<label>Check 2</label><input type="checkbox" id="chk2" name="chk2"/><span>Two</span></br>

What do you mean by not working? May be you don't have proper reference to JQuery script or rule C! itself does not exists or it does not have an attribute which indicate so visually.

surendranew at 23-Mar-13 6:45am
Hi Prasad It may work for html controls i'm asking for checkboxes and checkboxlist i gave the correct reference
Prasad Khandekar at 23-Mar-13 6:54am
ASP.NET textbox and checkbox controls when gets rendered will out put similar HTML as shown in the above example. The style changed script gets executed on the client side in browser and that when browser has finished loading the HTML. So just ensure that your ASP.NET page includes a script tag for JQuery similar to one shown in example, and your style sheet file has a css rule named C1.

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

  Print Answers RSS
0 Mika Wendelius 220
1 Maciej Los 195
2 OriginalGriff 148
3 Sergey Alexandrovich Kryukov 145
4 chainerlt 110
0 OriginalGriff 9,198
1 Sergey Alexandrovich Kryukov 8,562
2 CPallini 5,189
3 Maciej Los 4,921
4 Mika Wendelius 3,856

Advertise | Privacy | Mobile
Web03 | 2.8.150819.1 | Last Updated 23 Mar 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100