Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET jQuery
adding css class in jquery to checkboxes in asp.net
 
$(document).ready(function(){
$('input[type="checkbox"]').each(function ()
{$(this).addClass("c1")
});
});
 

I have wrote the above code which was not applying css
 

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

1 solution

Rate this: bad
good
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>
<html>
<head>
<style type="text/css">
.c1 { padding: 2px 20px 2px 20px; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('input[type="checkbox"]').each(function () {
        $(this).addClass("c1");
    });
});
</script>
</head>
<body>
<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>
</form>
</body>
</html>
 
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.
 
Regards,
  Permalink  
Comments
surendranew at 23-Mar-13 6:45am
   
Hi Prasad It may work for html controls i'm asking for asp.net 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 OriginalGriff 520
1 Maciej Los 290
2 Richard MacCutchan 265
3 BillWoodruff 265
4 Suraj Sahoo | Coding Passion 155
0 OriginalGriff 8,764
1 Sergey Alexandrovich Kryukov 7,437
2 DamithSL 5,639
3 Maciej Los 5,279
4 Manas Bhardwaj 4,986


Advertise | Privacy | Mobile
Web01 | 2.8.1411028.1 | Last Updated 23 Mar 2013
Copyright © CodeProject, 1999-2014
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