select all checkbox and deselect all in just one button 2

[Keendev]

Hi,

I need to have a button that checks all the checkboxes,
and unchecks all checkboxes...
Similar to Select all and De-select all checkbox.

This is the code but doesn't really work. Maybe someone already did this kind functionality.

<script type="text/javascript">

function check_all(group, action)
{
 for (var i=0; i<group.length; i++)
  group[i].checked = action;
}

</script>

<form>

<INPUT type="button" name="checkall" 
value="Select all/Deselect all"  onClick="check_all( this.form['checkbox[]'], this.checked )">

<input type="checkbox" name="checkbox[]" value="$file">
<input type="checkbox" name="checkbox[]" value="$file">
<input type="checkbox" name="checkbox[]" value="$file">


</form>

Hope you can help me w/ this. Thanks in advance.

 

[tsuji]

Under the condition that you insist of using that format of naming and setting values, do this.
> onClick="check_all( this.form['checkbox[]'], this.checked )"
[tt] onClick="check_all( this.form[red]([/red]'checkbox[]'[red])[/red], [red]true[/red] )"[/tt]

 

[tsuji]

Correction
My mistake to revise the bracket. This is the amended version.
[tt] onClick="check_all( this.form[highlight][[/highlight]'checkbox[]'[highlight]][/highlight], [red]true[/red] )"[/tt]

 

[southbeach]

Very nice tsuji ... I was able to use your suggestion successfully.

Thanks!


--
SouthBeach
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[Keendev]

Hi,

i want to thank you for a big help =)


however how can i just use one button for that?


thnx

 

[southbeach]

If you use onclick=... as suggested, you can use it within any standard object

<input name="button" type="button" onclick="..." />
<img src="theimage" ... onclick="..." />
<td onclick="..."></td>

It is up to you!


--
SouthBeach
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

 

[Ascalonian]

Quick and dirty? Have a global variable and change the value every time you call the function:

var isSelected = false;

function check_all(...) {
    if(isSelected) {
        // De-select all check boxes
    }else{
        // Select all check boxes
    }

    isSelected = !isSelected;
}

Or something like that...