Vorrei chiedere se c'è un approccio alternativo a questo. Sono molto nuovo a javascript
Ho 3 pulsanti di scelta che cambierà lo sfondo di un DIV. Sono riuscito a rendere possibile utilizzando ternario in cui cambia sfondo dimensioni, se il suo bagaglio. DOM. A quanto pare il Coperchio non funziona. Ho provato più volte ma solo l'auto e contenere funziona quando la radio è selezionata. Non c'è sfondo predefinito valore di dimensione in css. Sembra che la sua impostazione predefinita è auto, anche se la Copertura non funziona, se selezionata, mentre Contenere fa. Grazie :D Ecco i codici.
<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";
}
Ho trovato una soluzione
1