Ako používať DOM na zmenu pozadia-veľkosť s prepínače (JAVASCRIPT)

Chcem sa opýtať, či existuje aj alternatívny prístup k tomuto. Som veľmi nové javascript

Mám 3 prepínače, že sa zmení pozadie-veľkosť DIV. Podarilo sa mi to pomocou ternární, v ktorom zmeny pozadia, veľkosť, ak je jeho kontrolované. DOM. Zrejme Kryt nefunguje. Testoval som to niekoľkokrát, ale len auto a obsahujú funguje, keď je rádio kontrolovať. Nie je predvolené pozadie hodnota veľkosti v css. Vyzerá to, že jeho predvolená hodnota je auto, aj keď Kryt nefunguje, keď je zaškrtnuté, zatiaľ čo Obsahovať má. Ďakujem :D Tu sú kódy.

                <div class="radiobtn">

                <input type="radio" id="bgCOVER" name="radiobtnnm" value="COVER" onclick="backgroundfunc()">
                <label for="BGcover">Background Cover</label> 

                    <input type="radio" id="bgAUTO" name="radiobtnnm" value="AUTO" onclick="backgroundfunc()">
                <label for="BGauto">Background Auto</label> 

                    <input type="radio" id="bgCONTAIN" name="radiobtnnm" value="CONTAIN" onclick="backgroundfunc()">
                <label for="BGcontain">Background Contain</label> 
            </div>

JAVASCRIPT:

function backgroundfunc() {
var coverval = document.getElementById("bgCOVER");
document.getElementById("outputjs").style.webkitBackgroundSize = coverval.checked ? "cover" : "none";

var autoval = document.getElementById("bgAUTO");
document.getElementById("outputjs").style.backgroundSize = autoval.checked ? "auto" : "auto";

var containval = document.getElementById("bgCONTAIN");
document.getElementById("outputjs").style.backgroundSize = containval.checked ? "contain" : "none";

}

Našiel som riešenie