Select All

[Srikkanth Mohanasundaram]

Hi all,

I'm trying to implement a select all functionality i.e if I select a checkbox, a set of other checkboxes must be checked.
The name of check boxes will be like chk1,chk2,chk3...chk22....

 
 
function selectAll(){
alert(document.getElementById("checkAll").checked);
if(document.getElementById("checkAll").checked==true){
var len=document.getElementById("subtable").rows.length;
if(len==1){
document.getElementById("checkAll").checked=false;
return;
}
 
for(var j=0;j<len-1;j++){
// In this loop i need to check all the checkboxes,I've got the number of checkboxes in len...'
 
I've to use something like this
 
document.forms[0].[B]chk1[/B].checked=true;
But that pattern can be anything as i've mentioned [B]chk1,chk2,chk3..chk11[/B]How do i do that??
 

}
}
}
   

I need a pattern for chk.Can it be done?

Thanks all,
Srikkanth.M

[Valentin Crettaz]

One solution would be to use eva l:

eva l("document.forms[0].chk" + j + ".checked=true");

Note that "eva l" must be written as a single word, but the forum software won't allow it

Another solution would be to use a framework that will make it easier for you. For instance, using jQuery you can achieve this in just a few lines:

$("#checkAll").click(function() {
  $("input[@type=checkbox][@name^=chk]").attr("checked",this.checked ? "checked" : "");
});

This code basically means:
when the checkbox with id checkAll is clicked, take all the other checkboxes whose name attribute starts with "chk" and set their "checked" attribute only if checkAll is checked (i.e., this refers to checkAll within the click event handler).
[ August 17, 2007: Message edited by: Valentin Crettaz ]

[Eric Pascarello]

eval = EWWWWWWW! Forget that exits unless you are working with JSON!

document.forms[0].elements["foo" + i].checked = true;

another thing you can do is something like this

<script type="text/javascript">
  function CheckEm(cbObj){
    var elems = document.getElementById("container").getElementsByTagName("input");
    for(var i=0;i<elems.length;i++){
      if(elems[i].type=="checkbox")elems[i].checked=cbObj.checked;
    }
  }
</script>
 
<input type="checkbox" name="cbAll" onclick="CheckEm(this)" />
  <span id="container">
  <input type="checkbox" name="cb1" />
  <input type="checkbox" name="cb2" />
  <input type="checkbox" name="cb3" />
  <input type="checkbox" name="cb4" />
  <input type="checkbox" name="cb5" />
</span>

[I wrote the code here without testing]

Eric

[Valentin Crettaz]

eval = EWWWWWWW!

Wasn't very clever from me, I admit
TGIF !!
[ August 17, 2007: Message edited by: Valentin Crettaz ]