JavaScript check all check box in form

Monday 07 July 2008 11:09:58 pm

Try this one:

<script>

function check_all() {
   // gets Instance to the Form
   this.form = document.getElementById('form1');
   
   // verifies if the instance was successfully obtained
   if (this.form) {
   
      // gets the current check state
      this.newCheckedValue = document.getElementById('check_all_box').checked;
	  

      // gets instace array for all input elements of the form
      this.checkboxNodes = this.form.getElementsByTagName('input');
	  
	  // loops the array
      for (this.i = 0; this.i < this.checkboxNodes.length; this.i++) {

          // verifies if the input element is a checkbox
          if (this.checkboxNodes[i].getAttribute('type') == 'checkbox') {
	   
	         // sets the new check value
             this.checkboxNodes[i].checked = this.newCheckedValue;
		  
		  }
		  
      }
	  
   }
}

</script>


<form id="form1" name="form_check" method="post" action="">
<input type="checkbox" name="checkbox" id="checkbox1" value="checkbox" /> check box1<br>
<input type="checkbox" name="checkbox" id="checkbox2" value="checkbox" /> check box2<br>
<input type="checkbox" name="checkbox" id="checkbox3" value="checkbox" /> check box3<br>
<input type="checkbox" name="checkbox" id="checkbox4" value="checkbox" /> check box4<br>
<input type="checkbox" name="checkbox" id="checkbox5" value="checkbox" /> check box5<br>
<input type="checkbox" name="checkbox" id="checkbox6" value="checkbox" /> check box6<br>
<input type="checkbox" name="checkbox" id="checkbox7" value="checkbox" /> check box7
</form>
<input type="checkbox" name="check_all_box" id="check_all_box" onclick="check_all()" value="checkbox" /> 

Btw, I think you are posting in the wrong forum, this is Exponential forum!! ;-)

Michael Scofield

Tuesday 08 July 2008 9:51:28 pm

Hi,

This seems to be strictly JavaScript-related problem. Even though Exponential uses a number of technologies and standards, you're highly unlikely to learn those here, you should be much better of seearching some JavaScript-dedicated communities or docs.

Cheers,
Piotrek

EDIT: Sorry, haven't noticed Michael's remark.

--
Company: mediaSELF Sp. z o.o., http://www.mediaself.pl
eZ references: http://ez.no/partners/worldwide_partners/mediaself
eZ certified developer: http://ez.no/certification/verify/272585
eZ blog: http://ez.ryba.eu

Wednesday 09 July 2008 7:59:35 am

Slightly off-topic, but very handy when it comes to check a lot of checkboxes in the backend (for example when deleting content): the CheckFox extention for Firefox: it allows to quickly check all checkboxes within the selected area...

</Pascal>