jQuery - 为复选框创建图像切换

Question

我有一个非常简单的复选框,它是一个布尔值,真/假,选中或取消选中.

我想要做的是保留复选框但隐藏它并允许用户点击图像(黑色圆圈或蓝色圆圈),然后打开/关闭复选框.但我无法弄清楚从哪里开始这样的事情.

想法？

Answer 1

示例： http: //jsfiddle.net/Gfmz2/ （复选框在示例中可见）

var cbox = $('#myHiddenCheckbox')[0];

$('#myImage').click(function() {
    cbox.checked = !cbox.checked;
});