štvrtok, 29 marec 2012 11:37 Written by 2437 times
Rate this item
(2 votes)

Javascript - Označiť / odznačiť všetky checkboxy

Výber celej skupiny checkboxov pomocou javascriptu je často používaná funkcia a existuje množstvo riešení. Ukážeme si jednoduchý javascript.

Kód v HTML :

  <!DOCTYPE html>
<html><head>
    <script type="text/javascript">
      checked = false;
      function checkedAll ()      
      {
        if (checked == false)
        {
            checked = true;
        }
        else
        {
            checked = false;
        }
        for (var i = 0; i &lt; document.getElementById('my').elements.length; i++)
        {
          document.getElementById('my').elements[i].checked = checked;
        }
      }
    </script>
<title>Označiť / odznačiť všetky checkboxy</title>
  </head>
  <body>
    <form id='my' action='/nejakaAkcia' >
    <input type='checkbox' name='ch1' value='1'/>Vyber 1<br/>
    <input type='checkbox' name='ch2' value='2'/>Vyber 2<br/>
    <input type='checkbox' name='ch3' value='3'/>Vyber 3<br/>
    <input type='checkbox' name='ch3' value='4'/>Vyber 4<br/>
      <br/>
      <input type='button' name='CheckAll' value='Check All' onClick='checkedAll();'/>
    </form>
  </body>
</html>
Last modified on pondelok, 26 október 2015 12:35
Ing.Jaroslav Vadel

Som zakladateľom www.projectik.eu.

Hrám sa na programátora, ktorý ovláda:

c#,cpp,java,unity3d,php,html,NI testand,NI Vision Builder,Cognex In-Sight,NI LabView

"Naprogramovať program, ktorý funguje vie každy. Ale to, že program funguje ešte neznamena, že je napísany správne "

Website: www.projectik.eu