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，一切正常。