checkbox selection using jquery in asp.net

Question

0.00/5 (No votes)

See more:

ASP.NET

hello,

I want to select all and deselect all checkbox using jquery in asp.net with c#
please, help me out soon

Posted 17-Oct-11 3:22am

pal5hah

Updated 17-Oct-11 3:41am

RaviRanjanKr

v2

Add a Solution

Comments

RaviRanjanKr 17-Oct-11 9:43am

please avoid text word like plz, always write complete word like Please.

pal5hah 19-Oct-11 0:44am

why?

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

Muralikrishna8811 · Answer 1 · 2011-10-17T03:48:00

Solution 3

Hi,

Here I'm providing some code for your requirement .

check this once

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script language="javascript" >
        function f1(tid) {
         
            if ($("#" + tid).val() == 'A') {
                $('#dt1').find("input:checkbox").each(function () {
                    this.checked = true;
                });

            }
            else {
                $('#dt1').find("input:checkbox").each(function () {
                    this.checked = false;
                });
            }
        }
       
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <br />
        <asp:radiobuttonlist id="RadioButtonList1" runat="server" repeatdirection="Horizontal" xmlns:asp="#unknown">
        <asp:listitem text="Select All" value="A" onclick="f1(this.id)"></asp:listitem>
        <asp:listitem text="Delect All" value="D" onclick="f1(this.id)"></asp:listitem>
        </asp:radiobuttonlist><br />
        <table width="50%" align="center" id="dt1">
            <tr> <td>   <input type="checkbox" id="ch1" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" />
                </td>
            </tr>
          </table>
    </div>
    </form>
</body>
</html>

All the Best

Posted 17-Oct-11 3:48am

Muralikrishna8811

Comments

pal5hah 18-Oct-11 4:48am

this code is not working..wt should i do?

Muralikrishna8811 18-Oct-11 4:54am

Hi,

import that jquery files from net
copy to your project and gave reference to them

pal5hah 18-Oct-11 4:51am

Scripts/jquery-1.4.1-vsdoc.js
Scripts/jquery-1.4.1.js

give me this two folders

Muralikrishna8811 18-Oct-11 4:55am

you can download them from here
http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js

pal5hah 18-Oct-11 5:06am

there is no "onclick" event in <asp:listitem>

Muralikrishna8811 18-Oct-11 5:08am

hey after rendering that listitem converts to radio button right.
then it can works.

jusst write what i did then check along with jquery.1.5

k

Muralikrishna8811 18-Oct-11 5:10am

are u download jquery ?
and copy that file to your website .
after that drag that file into header section

pal5hah 18-Oct-11 5:12am

thnx alot for this much help.but i dont know jquery.so what is there in that link that is i am not understanding.should i copy whole that and paste in any folder named "jquery-1.4.1.js"???whts that jquery 1.5???

Muralikrishna8811 18-Oct-11 5:19am

K no problem let me tell whole thing about jquery.

Jquery is a javascript library.
i hope you know about library means.
library is a collection of classes right.in that classes there are so many methods which we wanna use daily.

for eg.

if we want to access one element in javascript
we've to write document.getElementByID("fdgfd").style.
but if we use Jquery we just write.
$("#fdgfd").css('','');

its very easy to learn and easy to use.

search for some tutorials in jquery you can get best in that.

and now for your solution
just paste this links into your address bar.

http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js

and hit enter then save it to your website folders.

then just link to that file from aspx file

pal5hah 18-Oct-11 5:28am

still problem..
there is no "onclick event" in listitem
i have written this
------------------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>

<script src="JScript.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" >
function f1(tid) {

if ($("#" + tid).val() == 'A') {
$('#dt1').find("input:checkbox").each(function () {
this.checked = true;
});

}
else {
$('#dt1').find("input:checkbox").each(function () {
this.checked = false;
});
}
}

</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<br />
<asp:RadioButtonList ID="rl1" runat="server" RepeatDirection="Horizontal">
<asp:ListItem Text="select" Value="A" onclick="f1(this.id)">
<asp:ListItem Text="Deselect" Value="B" onclick="f1(this.id)">

<br />
<table width="50%" align="center" id="dt1">
<tr> <td> <asp:RadioButton ID="r1" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:RadioButton ID="RadioButton1" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:RadioButton ID="RadioButton2" runat="server" />
</td>
</tr>
<tr>
<td>
<asp:RadioButton ID="RadioButton3" runat="server" />
</td>
</tr>
</table>
</div>
</div>
</form>
</body>
</html>

Muralikrishna8811 18-Oct-11 5:31am

where are the jquery files?
you've to import them to wrk this

pal5hah 18-Oct-11 5:29am

"JScript.js" is that which u have tols me to download from that address "http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"

Muralikrishna8811 18-Oct-11 5:30am

yes.

pal5hah 18-Oct-11 5:40am

i have drag that jquery file into my head section.its nt still working sir

Muralikrishna8811 18-Oct-11 5:41am

change your radio button into check boxes

pal5hah 18-Oct-11 5:47am

hey...thnx alot...DONE...

Muralikrishna8811 18-Oct-11 5:48am

working or not?

pal5hah 18-Oct-11 5:50am

yup...WORKING... :)

Muralikrishna8811 18-Oct-11 5:51am

finally

pal5hah 18-Oct-11 6:03am

can you give the answer for my another question that i have posted. that is "dropdownlist for country,state,city automatically binding"

Muralikrishna8811 18-Oct-11 6:05am

I can do with Jquery.

If you use Jquery then I can do it in very easy way

pal5hah 18-Oct-11 6:10am

m fi9 with that ..please give solution

Muralikrishna8811 18-Oct-11 6:12am

k

Muralikrishna8811 18-Oct-11 6:34am

got answer ?

i c there so many answers in your question.

or i've to write one more

pal5hah 18-Oct-11 7:00am

u have to write one more
the problem is that i m using 3 tier architectire,any of those solution is not for 3 tier architecture

Muralikrishna8811 18-Oct-11 7:03am

3 tier means we don't know the way you using tier
you mean BLL and DAL
k

pal5hah 18-Oct-11 10:18am

ya.its BLL and DAL
and d checkbox problem is not working in gridview..its working in table checkbox only.pls give me solution as soon as possible.pls.pls.

Muralikrishna8811 18-Oct-11 10:37am

$('#<%GriedView.ClientID%>')....

try this

pal5hah 19-Oct-11 0:25am

where should i write this???

pal5hah 19-Oct-11 0:28am

instead of "dt1" na???

Muralikrishna8811 19-Oct-11 4:22am

yes

pal5hah 19-Oct-11 0:34am

its not workin..pls help me out soon

pal5hah 19-Oct-11 4:25am

that problem is solved now.and now i am goin to make procedure for multi delete.:)

Muralikrishna8811 19-Oct-11 4:28am

means user selects particular checkboxes then hit delete .now you want that selected checkbox ids right?

pal5hah 19-Oct-11 4:29am

yup.exactly

Muralikrishna8811 19-Oct-11 4:37am

k send your sample code

pal5hah 19-Oct-11 4:51am

m not able to post sample code.m generating new question regarding this.check it out.and reply me

Muralikrishna8811 19-Oct-11 5:06am

k sure

pal5hah 24-Oct-11 1:58am

hello sir
i want to give style to my dropdownlist using jquery.
can you suggest me anything???

Muralikrishna8811 24-Oct-11 7:08am

Hi,

you wanna create new dropdwonlist using jquery or
just styles to that

if just styles means

you can see

properties in Jquery

Muralikrishna8811 24-Oct-11 7:17am

try this link

http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/

RaviRanjanKr · Answer 2 · 2011-10-17T03:45:00

Solution 2

This article-[ASP.Net CheckBox and JQuery][^] Might help you.

Posted 17-Oct-11 3:45am