javascript - 用自定义图像替换标准复选框

Question

我正在使用 dijit/form/CheckBox 成功地允许用户切换变量的可见性。我想用自定义图像替换该复选框，如果选中该图像，则会突出显示。我是否需要重新创建轮子才能完成此任务，或者我可以修改目前为止的内容吗？

该复选框是通过以下方式创建的:

function updateAerial_1977Visibility(checkbox) {
    // alert("working");
    if (checkbox.checked) {
        Aerial_1977.show();
    } else {
        Aerial_1977.hide();
    }
}

并且该复选框在 HTML 中显示为:

<input id="Checkbox3" name="mycheck" type="checkbox" 
       data-dojo-type="dijit/form/CheckBox" value="agreed" 
       style="padding-right: 20px;" onclick="updateAerial_1977Visibility(this);" />
<label for="mycheck">77</label>

Answer 1

尝试在输入中添加 src="path/to/image"