Skip to main content

Select all checkbox in Javascript


In programming we must design our site User-friendly.
So for that this thing is very useful
We can select multiple checkbox in a page with single click with the use of javascript
Here is the code for javascript
On which input you want to genrate this action just put the function on onclick event.

<inpt type="button" onclick="selectall()">
           
            then genrate selectall function in javascript

               <script type="text/javascript">
                function selectall()
                {
                        var chks = document.getElementsByName('del[]');
                        // here del[] is array name of your checkboxes
                       
                        for(i=0;i<chks.length;i++)
                        {
                            chks[i].checked=true;
                        }
                   
                }
            </script>   
           
           
           
            And one more thing when you assign name as an array to checkbox then put the unique value of that record as a value of checkbox.
           
           
            Enjoy......
Labels:

Comments

Post a Comment

Popular posts from this blog

Number Format In Javascript

Number.toFixed() :                                 Formats any number for "x" number of trailing decimals. The number is rounded up, and "0"s are used after the decimal point if needed to create the desired decimal length.   var profits=2489.8237 profits.toFixed(3) //returns 2489.824 (round up) profits.toFixed(2) //returns 2489.82 profits.toFixed(7) //returns 2489.8237000 (padding)   Number.toPrecision() :                                   Formats any number so it is of "x" length. Also called significant digits. A decimal point and "0"s are used if needed to create the desired length.   var anumber=123.45 anumber.toPrecision(6) //returns 123.450 (padding) anumber.toPrecision(4) //returns 123.5 (round up) anumber.toPrecision(2) //returns 1.2e+2 (you figure it out!) Round to a certain number of places For rounding decimals y
2 comments
Read more

Use of indexOf and charAt in javascript

indexOf(): The indexOf() method returns the position of the first occurrence of a specified value in a string. This method returns -1 if the value to search for never occurs. example :  <script type="text/javascript"> var str="Hello world!"; document.write(str.indexOf("d") + "<br />"); document.write(str.indexOf("WORLD") + "<br />"); document.write(str.indexOf("world")); </script> Output : 10 -1 6 charAt() The charAt() method returns the character at the specified index in a string. The index of the first character is 0, and the index of the last character in a string called "txt", is txt.length-1 <script type="text/javascript"> var str = "Hello world!"; document.write("First character: " + str.charAt(0) + "<br />"); document.write("Last character: " + str.charAt(str.l
Post a Comment
Read more

Html tags

HTML Basic Document <html> <head> <title>Title of document goes here</title> </head> <body> Visible text goes here... </body> </html> Heading Elements <h1>Largest Heading</h1> <h2> . . . </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>Smallest Heading</h6> Text Elements <p>This is a paragraph</p> <br /> (line break) <hr /> (horizontal rule) <pre>This text is preformatted</pre> Logical Styles <em>This text is emphasized</em> <strong>This text is strong</strong> <code>This is some computer code</code> Physical Styles <b>This text is bold</b> <i>This text is italic</i> Links Ordinary link: <a href="http://www.example.com/">Link-text goes here</a> Image-link: <a href="http://ww
2 comments
Read more