Select/Deselect All With Checkbox

[geetung]

Hi guys,

I'm having some trouble writing code for this purpose of select/deselect all function.

I do not want to use the form "name" because i want ensure that it is html strict. Also my form is being tracked so all input fields have a different name. I want to be able to do this by assigning each input checkbox field with an "id" tag. Any suggestions?

[iam_clint]

how about this for example

function SelectAll(val) {
  var objects = document.getElementsByTagName("input"); //all input objects
  for (i=0; i<objects.length;i++) { //start for loop
    if (objects[i].getAttribute("type")=="checkbox") { objects[i].checked = val; } //checkbox found set its checked attribute
  }
}
 

Then call the function like this

<input type="button" onclick="SelectAll(true);" value="Select All">
<input type="button" onclick="SelectAll(false);" value="Deselect All">
 

[geetung]

Thanks for this...now the problem with this is that I am actually using a "checkbox" itself to deselect all the other checkboxes. It works, but the checkbox I'm using I want to be able to be checked. Does that make sense?

how about this for example

function SelectAll(val) {
  var objects = document.getElementsByTagName("input"); //all input objects
  for (i=0; i<objects.length;i++) { //start for loop
    if (objects[i].getAttribute("type")=="checkbox") { objects[i].checked = val; } //checkbox found set its checked attribute
  }
}
 

Then call the function like this

<input type="button" onclick="SelectAll(true);" value="Select All">
<input type="button" onclick="SelectAll(false);" value="Deselect All">
 

[vee10]

Thanks for this...now the problem with this is that I am actually using a "checkbox" itself to deselect all the other checkboxes. It works, but the checkbox I'm using I want to be able to be checked. Does that make sense?

hi ,

This may solve ur problem

function SelectAll() 
    {
      var objects = document.getElementsByTagName("input"); //all input objects
     for (i=0; i<objects.length;i++) { //start for loop
     debugger
 
     if (objects[i].getAttribute("type")=="checkbox")
      { 
      objects[i].checked = document.getElementById("SelOrDelsel").checked; } //checkbox found set its checked attribute
      }
}
 

and the check for which u need to check or deselct the other checkboxes

  <input type="checkbox" id="SelOrDelsel" onclick="SelectAll();" value="Select All" />Select / DeSelect