Как использовать DOM для изменения размера фона с помощью переключателей (JAVASCRIPT)

Я хочу спросить, есть ли альтернативный подход к этому. Я очень новичок в javascript

У меня есть 3 переключателя, которые изменяют размер фона DIV. Мне удалось сделать это возможным с помощью троичного, в котором он изменяет размер фона, если его проверить. дом. Очевидно, Прикрытие не работает. Я тестировал несколько раз, но при проверке радио работает только функция auto и contain. В css нет значения размера фона по умолчанию. Похоже, что по умолчанию он установлен автоматически, хотя обложка не работает при проверке, в то время как Содержит. Спасибо :D Вот коды.

                <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";

}

Я нашел решение