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

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”