Checkbox help

[nicasa]

HI There,

I have a simple checkbox called 'checkall' ....

<input name = "checkall" type = "checkbox" onclick = "checkAll()" />

On clicking this checkbox I wish to set ALL of the following checkboxes as 'on'
by invoking "checkAll()".

<input name = "check[]" type = "checkbox" value = "'value1'"/>
<input name = "check[]" type = "checkbox" value = "'value2'"/>
<input name = "check[]" type = "checkbox" value = "'value3'"/>

I NEED to use arrays as shown above,

Any help appreciated,

regards,

Steven M

 

[nickdel]

Steven, just use something like this:

function Checkall(){
var Checkboxes = document.getElementsByTagName("input")

for (var i=0;i<=Checkboxes.length-1;i++){
if(Checkboxes[i].type=="checkbox"){
Checkboxes[i].checked = true;
}
}
}

Basically this loops through all "input" tags and then then has a look at the type to see if it's a checkbox, if so then it check's it!

Cheers

Nick

 

[adam0101]

Here's another version...

<input name="checkall" type="checkbox" onclick="checkAll([red]this[/red])" />

<script language="JavaScript">
function checkAll(c){
  var chks = document.getElementsBy[red]Name[/red]("check[]");
  for(i=0;i<chks.length;i++)
    chks[i].checked = c.checked;
}
</script>

Adam

http://adameslinger.blogspot.com/

 

[nicasa]

THanks guys,

That is very helpful,

regards,

Steven M