Eu gostaria de perguntar se existe uma abordagem alternativa para isso. Eu sou muito novo para javascript
Eu tenho 3 botões de rádio que vai mudar o plano de fundo, tamanho da DIV. Eu consegui fazê-lo possível usando ternário em que alterações de fundo, tamanho, se o seu marcada. DOM. Aparentemente, a Capa não funciona. Eu tenho testado várias vezes, mas somente o auto e conter funciona quando o rádio estiver marcada. Não há plano de fundo padrão valor de tamanho em css. Parece que o seu padrão é automático, apesar de a Capa não funciona quando a opção estiver assinalada, enquanto Conter faz. Obrigado :D Aqui estão os 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";
}
Eu encontrei uma solução
1