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

Question

我有一个非常简单的复选框，它是一个 bool 值，真/假，选中或未选中。

我想做的是保留复选框但隐藏它并允许用户单击图像(黑圈或蓝圈)，然后打开/关闭复选框。但我不知道从哪里开始做这样的事情。

想法？

Answer 1

示例: http://jsfiddle.net/Gfmz2/ (复选框在示例中可见)

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

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