Ruben Sargsyan » check/uncheck http://rubensargsyan.com Personal Website Fri, 27 Aug 2010 07:08:55 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Check/uncheck checkboxes by JavaScript http://rubensargsyan.com/checkuncheck-checkboxes-by-javascript/ http://rubensargsyan.com/checkuncheck-checkboxes-by-javascript/#comments Tue, 01 Dec 2009 13:34:40 +0000 Ruben Sargsyan http://rubensargsyan.com/?p=149 The easy way to check/uncheck checkboxes. Insert into <head></head> this script

<script type="text/javascript">
function check_all(){
   var all_inputs = document.getElementsByTagName("input");
 
   for(i=0; i<all_inputs.length; i++){
      if(all_inputs[i].type=="checkbox" && all_inputs[i].className=="check_uncheck"){
         all_inputs[i].checked = "checked";
      }
   }
}
 
function uncheck_all(){
   var all_inputs = document.getElementsByTagName("input");
 
   for(i=0; i<all_inputs.length; i++){
      if(all_inputs[i].type=="checkbox" && all_inputs[i].className=="check_uncheck"){
         all_inputs[i].checked = "";
      }
   }
}
</script>

then set “check_uncheck” the classes of checkboxes which must check/uncheck (Example: <input type=”checkbox” name=”checkbox”>) and set onclick=”check_all()” to element on click which the checkboxes will be checked and onclick=”uncheck_all()” to element on click which the checkboxes will be unchecked (Example: <input type=”button” value=”Check” onclick=”check_all()”> <input type=”button” value=”Uncheck” onclick=”uncheck_all()”>).

]]> http://rubensargsyan.com/checkuncheck-checkboxes-by-javascript/feed/ 0