How to select or deselect Check boxes using JQUERY

Question

1.00/5 (1 vote)

See more:

Hi All,

I have a data grid which has two template columns (two check boxes).one is Column A,second is Column B. When I click Select All both the item templates check boxes should be checked. when I click SelectCoulmn A the script should check only the items which are under Column A.

Please help me through JQuery.

Posted 1-Dec-11 23:16pm

sacraj

Add a Solution

Comments

DaveAuld 2-Dec-11 10:12am

Have you got a sample of the page markup to share? If you do, can you 'improve question' and share it please, it will help to work out what you are doing and make jQuery code generation easier.

Sergey Alexandrovich Kryukov 2-Dec-11 23:21pm

Select/deselect or maybe check/uncheck? Or focus?
--SA

Sergey Alexandrovich Kryukov 2-Dec-11 23:38pm

Yes, I see. You mean "checked". In included this in my solution. Please fix the title. Replace "select or deselect" with "check or uncheck".
--SA

1 solution

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)

Sergey Alexandrovich Kryukov · Answer 1 · 2011-12-02T17:33:00

Below, I mentioned "selection" and "focus" only due to misleading title of the question mentioning "select or unselect". The relevant part of this solution is about "checked" property.

For a control, there is no such concept as selection. If you mean check/uncheck, do this:

JavaScript

$(".myCheckbox").prop("checked", true);

or

JavaScript

$(".myCheckbox").prop("checked", false);

If you mean "focus", do this:

JavaScript

$(".myCheckBox").focus();

There is no such concept as "unfocus". A control element looses focus only when some other control element gets focus.

I tested both methods before posting this answer.

—SA

How to select or deselect Check boxes using JQUERY

1 solution

Solution 1

Below, I mentioned "selection" and "focus" only due to misleading title of the question mentioning "select or unselect". The relevant part of this solution is about "checked" property.

Add your solution here

Preview 0

Existing Members

...or Join us