JavaScript Check All Check boxes

Check All Check boxes using JavaScript..


Select all

Box1
Box2
Box3

view plaincopy to clipboardprint?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Check All...codesstore.blogspot.com</title>  
  6. <script type="text/javascript">  
  7.   
  8. //----check all check boxes------  
  9.     var selectFlag=true;  
  10.     function selectAll(){  
  11.         var list=document.getElementsByName('boxlist');  
  12.         var i=0;  
  13.         if (selectFlag){  
  14.                for(i;i<list.length;i++){  
  15.                 list[i].checked = true;  
  16.             }  
  17.             document.getElementById('link').innerHTML="Deselect all";  
  18.             selectFlag=false;  
  19.         }  
  20.         else{  
  21.                for(i;i<list.length;i++){  
  22.                 list[i].checked = false;  
  23.             }  
  24.             document.getElementById('link').innerHTML="Select all";  
  25.             selectFlag=true;  
  26.         }  
  27.           
  28.     }  
  29.   
  30. </script>  
  31. </head>  
  32. <body>  
  33.     <a id="link" href="javascript:selectAll();">Select all</a><br>  
  34.       
  35.     <input  type="checkbox"  name="boxlist">Box1<br>  
  36.     <input  type="checkbox"  name="boxlist">Box2<br>  
  37.     <input  type="checkbox"  name="boxlist">Box3<br>  
  38.       
  39. </body>  
  40. </html>  
  Tuesday, November 15, 2011
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)