checkbox multi selector code example

Example 1: html multi checkbox list

<style>
#checkboxes label{
    display:block;
    padding:5px;
}
</style>
<div id="checkboxes">
    <label for="one"><input type="checkbox" id="one" />First</label>
    <label for="two"> <input type="checkbox" id="two" />Second </label> 
    <label for="three"><input type="checkbox" id="three" />Third </label>
</div>

Example 2: multiselect checkbox

var expanded = false;

function showCheckboxes() {
  var checkboxes = document.getElementById("checkboxes");
  if (!expanded) {
    checkboxes.style.display = "block";
    expanded = true;
  } else {
    checkboxes.style.display = "none";
    expanded = false;
  }
}