Obtain the value of the name in the javascript checkbox

var checkboxes= document.getElementsByTagName("input");

 if (checkboxes[i].type==="checkbox"&&checkboxes[i].checked){

function displayChecked(){

  varcheckboxes= document.getElementsByTagName("input");
  var log = document.getElementById('log');
  log.innerHTML="";

  for(vari=0;i<checkboxes.length;i++){
    if(checkboxes[i].type==="checkbox"&&checkboxes[i].checked){
      var name = checkboxes[i].name;
      log.innerHTML+="<li>"+"checkbox name value is:"+name+"</li>";
    }
  }
}

<divid="size-category-tab-22" class="tab-plane">
  <div class="size-category-checkbox-section">
    <div class="size-category-column" id="size-category-column-2">
      <label class="size-labels">
        <input type="checkbox" class="sizes-row-checkbox" name="78" display-name="7-8">7-8"
      </label>
      <label class="size-labels">
        <input type="checkbox" class="sizes-row-checkbox" name="910" display-name="9-10">9-10"
      </label>
    </div>
    <div class="size-category-column" id="size-category-column-3">
      <label class="size-labels">
        <input type="checkbox" class="sizes-row-checkbox" name="1112" display-name="11-12">11-12"
      </label>
      <label class="size-labels">
        <input type="checkbox" class="sizes-row-checkbox" name="131" display-name="13-1">13-1
      </label>
    </div>
    <div class="size-category-column" id="size-category-column-4">
      <label class="size-labels">
        <input type="checkbox" class="sizes-row-checkbox" name="23" display-name="2-3">2-3"
      </label>
    </div>
  </div>
  <div class="size-category-add-section"></div>
  <div class="size-category-size-chart"></div>
</div>
<div>
  <input type="submit" value="What is the name of the checkbox?" onclick="displayChecked()"/>
  <ulid="log">
  </ul>
</div>