I am trying to get the value of an element by class so i could use a switch case to change different element`s values in a table. I seems like the switch case doesn't get the value or i am not using it correctly.

Html code-

<input type="radio" name="Button" class="ButtonState" checked id="Button1" value="1" onclick="setStat1()"/>
<label class="Button" for="Button1">Vagabond</label>
<input type="radio" name="Button" class="ButtonState" id="Button2" value="2" onclick="setStat1()" />
<label class="Button" for="Button2">Warrior</label>

JS-

function setStat1() {
switch (document.getElementsByClassName("ButtonState").value) {
    case 1:
        document.getElementById("vigor").innerHTML = vig;
        document.getElementById("mind").innerHTML = mind;
        document.getElementById("end").innerHTML = end;
        document.getElementById("str").innerHTML = str;
        document.getElementById("dex").innerHTML = dex;
        document.getElementById("int").innerHTML = int;
        document.getElementById("faith").innerHTML = faith;
        document.getElementById("arcane").innerHTML = arcane;
      break;
}
}