Page Loading...
Run
Break Lines
Result
<!DOCTYPE html> <html> <head> <style> /*Write CSS Here*/ </style> </head> <body> <input type="checkbox" value="lang" onchange="checkUncheck(this)">Select All<br/> <input type="checkbox" value="html" class="lang">HTML<br/> <input type="checkbox" value="css" class="lang">CSS<br/> <input type="checkbox" value="js" class="lang">JavaScript<br/> <input type="checkbox" value="node" class="lang">Node.js<br/> <input type="checkbox" value="angular" class="lang">Angular<br/> <input type="checkbox" value="mysql" class="lang">MySQL<br/> <input type="checkbox" value="java" class="lang">Java<br/> <script> var allCheckboxes = document.getElementsByClassName('lang'); function checkUncheck(selectAll){ if(selectAll.checked){ for(let i=0;i<allCheckboxes.length;i++){ allCheckboxes[i].checked = true; } }else{ for(let i=0;i<allCheckboxes.length;i++){ allCheckboxes[i].checked = false; } } } </script> </body> </html>