Cómo utilizar DOM para cambiar de fondo de tamaño con los botones de la radio (JAVASCRIPT)

Quiero preguntar si hay un enfoque alternativo a este. Soy muy nuevo en javascript

Tengo 3 botones de radio que va a cambiar el fondo de tamaño de un DIV. Me las arreglé para hacer posible mediante ternario en el que los cambios de tamaño del fondo si su equipaje. DOM. Al parecer, la Tapa no funciona. He probado varias veces, pero sólo el auto y contienen obras cuando la radio está activada. No hay ningún valor predeterminado de fondo valor del tamaño de la css. Parece que su valor predeterminado es automático, aunque la Cubierta no funciona cuando está marcada, mientras que los Contienen no. Gracias :D Aquí están los códigos.

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

}

He encontrado una solución