Jquery 如果选中复选框，是否添加css？

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

#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>

U盘挂钩

Jquery

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

$（'#check1'）。on（'change'，function（）{
$（“#checkbox1”）.css（“背景图像”），（$（“#check1:checked”）.data（“图像”）；
});  

检查按钮是否与属性一起选中。如果是，则显示图像；如果不是，则将

背景图像

设置为

无

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

---

如果您可以将

复选框

放在

div

之前，那么只需使用CSS即可。