set checkbox in Grid.

Question

0.00/5 (No votes)

See more:

hello to all,

i have a grid on my web page. there are some checkbox according to grid row. i want to set header checkbox in which when i clicked on header checkbox all other checkbox which are in grid row are selected true by automatically and same as when i deselect the header checkbox, all other checkbox are deselect By java Script.

so, please tell me how this thing is done ?
i use the template filed in gridview.

Thanks and Regards ....
Mitesh

Posted 11-Jun-12 21:22pm

Mits Machhi

Updated 15-Jun-12 18:48pm

Prosan

v2

Add a Solution

Comments

Code 89 16-Jun-12 1:20am

go thru my answer which i hav posted a link, its fine example for checkbox,
try...

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

Prosan · Answer 1 · 2012-06-15T18:56:00

use this js function it will solve your problem. in this js i assume that checkbox in first column

C#

function SelDeSelAll(chkall,grd)
        {
            for(var rowCount=0;rowCount<grd.children[0].childNodes.length;rowCount++)
            {
                grd.children[0].childNodes[rowCount].children[0].children[0].checked=chkall.checked;
            }
        }

Code 89 · Answer 2 · 2012-06-15T19:16:00

Try this link...

Checkbox select/deselect

see also below example...

<script type="text/javascript" language="javascript">
function SetAllCheckBoxes(FormName, AreaID, CheckValue)
{
if(!document.forms[FormName])
return;
var objCheckBoxes = document.getElementById(AreaID).getElementsByTagName('input');
if(!objCheckBoxes)
return;
var countCheckBoxes = objCheckBoxes.length;
if(!countCheckBoxes)
objCheckBoxes.checked = CheckValue;
else
for(var i = 0; i < countCheckBoxes; i++)
objCheckBoxes[i].checked = CheckValue;
}
</script>


</head>

<div id="items">
<form name="SelectedItems" action="" method="post">
Select/Unselect All<br>
<div style="background:#ccc;"><input name="checkall" type="checkbox" onclick="SetAllCheckBoxes('SelectedItems','items',this.checked);" /></div><br><br>

<input type="checkbox" name="selected" value="Some text description 1"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 2"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 3"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 4"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 5"><input type="hidden" name="selecteditems" value=" "><br>
<input type="checkbox" name="selected" value="Some text description 6"><input type="hidden" name="selecteditems" value=" "></div>
</form>

</body>
</html>
</script>

set checkbox in Grid.

2 solutions

Solution 3

Solution 4

Add your solution here

Preview 0