添加css如果选中复选框？

Question

如果选中该复选框，则使用输入复选框中的数据属性将背景图像添加到元素#checkbox1。

如果未选中复选框，我该如何使用此功能隐藏背景图像。

HTML

<div id="checkbox1"></div>

<input data-image="url(http://www.siwikultur.de/kulturpur/wp-content/uploads/2009/03/schneider.jpg)" type="checkbox" id="check1">
<label for="check1">USB-Stick-Halterung</label>

Jquery的

<script> 
$('#check1').on('change', function () {
$("#checkbox1").css("background-image", ($('#check1:checked').data("image")));
});  
</script>

Answer 1

检查是否使用checked属性选中了该按钮。如果是，则显示图像，如果不是，请将background-image设置为none。

$('#check1').on('change', function () {
    $("#checkbox1").css("background-image", this.checked ? this.dataset.image : 'none');
});