javascript - 用图像按钮替换复选框

Question

我正在寻找一种允许用户选择多个月份、日期、小时和分钟的方法，以用于安排任务。我能想到的最简单的方法是为每个元素使用复选框，因为它们有一个正确的 bool 值，我可以用它来确定它是否被选中。

在使用这种方法时，我想用图像(选中/未选中的不同图像)完全替换复选框，或者只是隐藏现有图像并为文本区域设置样式以使用 CSS 提供图像效果。

如何用图像替换默认复选框或完全隐藏默认复选框图像？

例子:

Answer 1

toggleClass() 做这样的事情:

http://jsfiddle.net/zsxyequj/

$('.btn').click(function() {
    $('.btn').toggleClass('col');
});