jQuery - 样式复选框，替换为图像

Question

我需要这个脚本来隐藏我的复选框，并用一个带有样式的复选框的图像来代替它。它正确地隐藏它并显示默认图像，但它不会在我单击它后将复选框更新为选中或未选中，也不会更新图像。我假设这是我忽略的一个简单的事情，我还是 jQuery 的新手。

这是脚本:

        $(".check").each(function() {
            $(this).hide();

            var $image = $("<img src='assets/images/layout/checkbox/unchecked.png' />").insertAfter(this);    

            $image.click(function() {
                var $checkbox = $(this).prev(".check");
                $checkbox.prop('checked', !$checkbox.prop('checked'));

                if($checkbox.prop("checked")) {
                    $image.attr("src", "assets/images/layout/checkbox/checked.png");
                } else {
                    $image.attr("src", "assets/images/layout/checkbox/unchecked.png");
                }
            })
        });

这是 HTML:

<input type="checkbox" class="check" />

编辑:此外，这通常是设置复选框样式的最佳方法吗？我似乎找不到比这更容易的事情了，所以欢迎任何建议。

Answer 1

原来我使用的是过时版本的 jQuery，这就是问题所在。我更新到 1.7.2，一切正常。