Segmented button (multi selection)

<div class="split split--multi">
    <button type="button" name="button" class="split__button split__button--first js-split-multi">
    <span class="icon__view-list"></span>

    <span class="sr-only">List view</span>
  </button>

    <button type="button" name="button" class="split__button js-split-multi">
    <span class="icon__view-tile"></span>

    <span class="sr-only">Tile view</span>
  </button>

    <button type="button" name="button" class="split__button split__button--last js-split-multi">
    <span class="icon__view-column"></span>

    <span class="sr-only">Tile view</span>
  </button>
</div>

<script>
    var splitMultiButton = document.getElementsByClassName("js-split-multi");
    var splitMultiButtonOne = splitMultiButton[0];
    var splitMultiButtonTwo = splitMultiButton[1];
    var splitMultiButtonThree = splitMultiButton[2];
    splitMultiButtonOne.onclick = function() {
        splitMultiButtonOne.classList.toggle("split__button--selected");
    };
    splitMultiButtonTwo.onclick = function() {
        splitMultiButtonTwo.classList.toggle("split__button--selected");
    };
    splitMultiButtonThree.onclick = function() {
        splitMultiButtonThree.classList.toggle("split__button--selected");
    };
</script>