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

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

set checkbox in Grid.

2 solutions

Solution 3

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us