Click here to Skip to main content
13,090,299 members (76,362 online)
Rate this:
Please Sign up or sign in to vote.
See more:
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
Updated 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 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 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
Top Experts
Last 24hrsThis month

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