check all/check none checkbox

lorddraco98

I have a series of checkboxs next to messages in my script where users can delete messages by checking that box. I want to put a checkbox at the top and the bottom of the page that when clicked once, will put a check in it, then check all other check boxes on that page. WHen click again(unchecked) it would deslect all checkboxes on that page
How do I do this??

feldon23

In a nutshell, javascript.

I just took a look at Hotmail's technique for their "checkbox that checks every box in a column" and it's a mess of about 30 lines of javascript code.

I'd seriously consider a "Delete All" or "Select All" button with a confirmation screen!

lorddraco98

:/ I did the same with vB's and it's not very easy looking. I guess they can just check indivudually hehe

gte806e

I havent looked at any code but my guess as the best way to do this is access the dom and then run a for look setting all the values to checked.

psudo code example

elementStart = "the element which is your first checkbox in the DOM"

for(i=$elementstart; i<=elementEnd; i++){
documet.form.elements.value = checked;

}

something like that when i get time illl look up the javascript to acutally do this.

cgraz

check javascripts.com, i think 've seen this under forms.

But if your checkbox has a name that ends with [], it won't work.

Cgraz

lorddraco98

Originally posted by cgraz
check javascripts.com, i think 've seen this under forms.

But if your checkbox has a name that ends with [], it won't work.

Cgraz

darn, they do end with [] to make an array 🙁
O well, thanks for the info!

cgraz

There's a solution for this, but it would require refreshing the page (which isn't that big a deal).

Pass a variable in the url called checked

if there is no value for checked, then set checked to equal either yes or no (depending if you want them all checked or not by default)

If checked equals yes, check all the boxes
if checked equals no, uncheck all the boxes.

So the code would look something like this

<a name="bottom"></a>

<? if (($_GET['checked'] == 'yes') or (!$_GET['checked'])) { ?>

<INPUT TYPE="button" onClick="parent.location='email.php?checked=no#bottom'" VALUE='Uncheck All'>

<? } elseif ($_GET['checked'] == 'no') { ?>

<INPUT TYPE="button" onClick="parent.location='email.php?checked=yes#bottom'" VALUE='Check All'>

<? } ?>

email.php being the page you are on, although you could use <?= $PHP_SELF ?>

I also added #bottom, which is an html anchor so the person is always at that part of the page after the refresh.

Then, where you dynamically build your checkboxes, you'd use something to this effect...

if (($_GET['checked'] == 'yes') or (!$_GET['checked'])) {
   echo "<input type=checkbox name='to_email[]' value=" . $row["id"] . " checked>";
} elseif ($_GET['checked'] == 'no') {
   echo "<input type=checkbox name='to_email[]' value=" . $row["id"] . ">";
}

Cgraz