Advertisement
Guest User

Untitled

a guest
Nov 14th, 2018
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.48 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  
  5. Checkbox1: <input type="checkbox" id="myCheck1">
  6. Checkbox2: <input type="checkbox" id="myCheck2">
  7. Checkbox3: <input type="checkbox" id="myCheck3">
  8. Checkbox4: <input type="checkbox" id="myCheck4">
  9. Checkbox5: <input type="checkbox" id="myCheck5">
  10. Checkbox6: <input type="checkbox" id="myCheck6">
  11. ALL: <input type="checkbox" id="myCheckAll" onchange="checkAll()">
  12.  
  13. <button onclick="check()">Check Checkbox</button>
  14. <button onclick="uncheck()">Uncheck Checkbox</button>
  15.  
  16. <script>
  17. function check() {
  18. document.getElementById("myCheck").checked = true;
  19. }
  20.  
  21. function uncheck() {
  22. document.getElementById("myCheck").checked = false;
  23. }
  24. function checkAll() {
  25. if (!document.getElementById("myCheckAll").checked) {
  26. document.getElementById("myCheck1").checked = false;
  27. document.getElementById("myCheck2").checked = false;
  28. document.getElementById("myCheck3").checked = false;
  29. document.getElementById("myCheck4").checked = false;
  30. document.getElementById("myCheck5").checked = false;
  31. document.getElementById("myCheck6").checked = false;
  32. } else {
  33. document.getElementById("myCheck1").checked = true;
  34. document.getElementById("myCheck2").checked = true;
  35. document.getElementById("myCheck3").checked = true;
  36. document.getElementById("myCheck4").checked = true;
  37. document.getElementById("myCheck5").checked = true;
  38. document.getElementById("myCheck6").checked = true;
  39. }
  40. }
  41. </script>
  42.  
  43. </body>
  44. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement