Check All in Grid using Javascript

[den1s]

Hi,

I need to create a button to check all checkboxes within a grid.

I have been browsing the web and found this code to enable me to check all checkboxes. However, can anyone give me a little assistance on how i can incrorporate this within a grid component.

Here is the code for single button. Here is the single function used inside the head tags.

<SCRIPT LANGUAGE="JavaScript">
<!--

<!-- Begin
function Check(chk)
{
if(document.myform.Check_All.value=="Check All"){
for (i = 0; i < chk.length; i++)
chk[i].checked = true ;
document.myform.Check_All.value="UnCheck All";
}else{

for (i = 0; i < chk.length; i++)
chk[i].checked = false ;
document.myform.Check_All.value="Check All";
}
}

// End -->
</script>

Now the html part

<form name="myform" action="checkboxes.asp" method="post">
<b>Scripts for Web design and programming</b><br>
<input type="checkbox" name="check_list" value="1">ASP<br>
<input type="checkbox" name="check_list" value="2">PHP<br>
<input type="checkbox" name="check_list" value="3">JavaScript<br>
<input type="checkbox" name="check_list" value="4">HTML<br>
<input type="checkbox" name="check_list" value="5">MySQL<br>

<input type="button" name="Check_All" value="Check All"
onClick="Check(document.myform.check_list)">

</form>

Thanks,

Denis

[sendamail]

Re: Check All in Grid using Javascript

hi!!

i don't remember which post but you can get answer for this from one of the posts by the following users..
"tony anderson" or "dontquit" or "sanjay bangalore"..

try have a look at their posts to get the one that u needed, or leave them a private message.. they will send you the code..

[sendamail]

Re: Check All in Grid using Javascript

hope you got the answers from the recent posts by "robert brown"

[DOntquIT]

Re: Check All in Grid using Javascript

Hi,

I need to create a button to check all checkboxes within a grid.

This is same wat robert brown suggested

Follow this steps,

1) in your grid properties, choose above grid and write this HTML code inside body tag
<input type="checkbox" value="check all" id="tryme" ></p></input>

2) goto your a5w page where u added this component and inside the body tag of the page, write this code


<script>

window.onload = init;
function init(){
var counts = <%a5 ?count %>;
var thistxt = document.getElementById("tryme")
var myval = thistxt.value;
thistxt.onclick = chkall
function chkall(){
for (i=1;i<=counts;i++)
{
var lvl = "V.R"+i+".status";
if (thistxt.checked==true)
{
document.getElementById(lvl).checked = true}
else{
document.getElementById(lvl).checked = false}
}}}
</script>


hERE,var lvl = "V.R"+i+".status"; THIS IS NOTHING BUT when you click check all ,all the check boxes inside your grid need to be checked , status is the name of check box in grid .

To check all the rows in your grid when you select check box ,use for loop to loop through your rows in the grid.
to use for loop you should know the number of rows in your grid, in order to know how many rows you have , write same query u use in your grid in your a5w page and find out how many rows and pass that result to your JS to loop
var counts = <%a5 ?count %>----->> count is the result of sql row count
lets assume 10;


Hope it will help you

[den1s]

Re: Check All in Grid using Javascript

Fantastic, I will give this a try. Thank you.

Denis