Изменить фон у отмеченного checkbox

<script type="text/javascript">
function changeBackground(imageUrl){
    if(this.checked){
        this.style.backgroundImage = 'url("' + imageUrl + '")';
    }
    else{
        this.style.backgroundImage = null;
    }
}
</script>
<input type="checkbox" onchange="changeBackground.call(this, 'http://mysite.ru/bg-image.jpg')" />

<style>
.Green {
  background: green;
  width: 130px;
  height: 130px;
  transition: .5s;
}
#chetyre:checked ~ .Green {
  background: yellow;
}
</style>
 
<input type="checkbox" id="chetyre"/>
<div class="Green"></div>

<label class="label inactive"><input class="checkbox" type="checkbox" name=""><span>Выбрать пункт</span></label>

<label class="inactive">
    <input class="checkbox" type="checkbox" name="" onchange=" this.parentNode.style.background = this.checked ? 'silver' : ''" /><span>Выбрать пункт</span>
</label>

<label class="inactive">
    <input class="checkbox" type="checkbox" name="" onchange="this.parentNode.className = this.checked ? 'active' : 'inactive'" /><span>Выбрать пункт</span>
</label>