Select all - desellect all

**The Mog** · Jul 4, 2004, 14:26

I am sure this is a pretty easy thing to do for a javascript guru,

i have a select list, and want to select all options using a checkbox.

i have it working with 2 check boxes but how do i make it so that if the box is selected it selects all and deselected it deselects all.

I am posting the code i have that works so far, in case it helps.

Also being a php programmer i know nothing about js so you will really need to spell this out for me

HTML Code:

function selectall() {
 aOptions = document.forms['f'].city.options;
 if(aOptions.length) {
  for(var i=0; i<aOptions.length; i++)
   aOptions[i].selected = 'selected';
 }
}
function deselectall(){
 aOptions = document.forms['f'].city.options;
 if(aOptions.length) {
  for(var i=0; i<aOptions.length; i++)
   aOptions[i].selected = false;
 }
}
 
<!-- and the checkboxes in question -->
 
<input type="checkbox" name="selectall" value="selectall" onClick=selectall();>
<input type="checkbox" name="deselectall" value="deselectall" onClick=deselectall();>

Cheers

K-

**iistudio** · Jul 4, 2004, 22:33

do you mean to do this? i hope this helps

cheers

<html>
<head>
<script>
function CheckSelected() {
var s1 = document.getElementById("selectBox1");
if(s1.status == true){
selectall();
}else if(s1.status == false){
deselectall();
}
};

</script>
</head>


<input type="checkbox" id="selectBox1" value="selectall" onClick=CheckSelected();>

</html>

**Saturn** · Jul 5, 2004, 01:53

Or all stuffed together:

Code:

function selectDeselect(cbox) {
 var aOptions = document.forms['f'].city.options;
 for(var i=0; i<aOptions.length; i++) {
   aOptions[i].selected = cbox.checked;
 }
}

and <input type="checkbox" onClick="selectDeselect(this)">

The SitePoint Forums have moved.

User Tag List

Thread: Select all - desellect all

Thread Tools

Display

Select all - desellect all

Bookmarks

Bookmarks

Posting Permissions