StefiIOE

generiranje checkbox

Jun 24th, 2020
1,709
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <style>
  8. div
  9. {
  10.     margin-top: 10px;
  11.  
  12. }
  13.     label
  14.     {
  15.         display: inline-block;
  16.         width: 100px;
  17.     }
  18. </style>
  19. <body>
  20. <h1>Generiranje checkbox</h1>
  21. <div>
  22.     <label>Number of Elements</label>
  23.     <input id="numberOfElements" type="number">
  24.  
  25. </div>
  26. <div>
  27.     <label>Type</label>
  28.     <select id="type" style="width: 150px">
  29.         <option value="CheckBox">CheckBox</option>
  30.         <option value="Radio">RadioBox</option>
  31.  
  32.     </select>
  33.  
  34.  
  35. </div>
  36. <div><input type="button" value="ADD" id="funkcija" style="width: 250px" onclick="funkcija()"></div>
  37. <div id="buttons"></div>
  38.  
  39. </body>
  40. </html>
  41. <script>
  42.     function funkcija() {
  43.         var a=parseInt(document.getElementById('numberOfElements').value);
  44.         var tip=parseInt(document.getElementById('type').value);
  45.         var buttons=document.getElementById('buttons');
  46.         buttons.innerHTML="";
  47.         for(var i = 0 ; i < a ; i ++)
  48.         {
  49.             var button = document.createElement("input");
  50.             buttons.setAttribute('type',tip);
  51.             var text=document.createTextNode(i);
  52.             buttons.appendChild(button);
  53.             buttons.appendChild(text);
  54.         }
  55.  
  56.     }
  57.  
  58. </script>
RAW Paste Data