Page Loading...
Run
Break Lines
Result
<!DOCTYPE html> <html> <head> <style> /*Write CSS Here*/ </style> </head> <body> <h2>Get all checked values: </h2> <input type='checkbox' value='HTML'>HTML<br> <input type='checkbox' value='CSS'>CSS<br> <input type='checkbox' value='JavaScript'>JavaScript<br> <input type='checkbox' value='Node.js'>Node.js<br> <input type='checkbox' value='Angular'>Angular<br> <input type='checkbox' value='MySQL'>MySQL<br><br> <button onclick="getSelectedValues()">Get Values</button> <script> var checkboxes = document.querySelectorAll('input[type=checkbox]'); var selectedCheckboxes = []; function getSelectedValues(){ selectedCheckboxes = []; for(let i=0;i<checkboxes.length;i++){ if(checkboxes[i].checked){ selectedCheckboxes.push(checkboxes[i].value); } } if(selectedCheckboxes.length==0){ alert("You haven't selected any checkbox"); }else{ alert('You have selected: '+ selectedCheckboxes); } } </script> </body> </html>