我需要这个脚本来隐藏我的复选框,并在其位置上放置一个样式化的复选框图像。它可以正确地隐藏并显示默认图像,但是一旦我点击它,它不会更新复选框的已选或未选状态,也不会更新图像。我想这可能是我忽略了简单的事情,因为我还是新手jQuery。
以下是该脚本:
这是HTML代码:
以下是该脚本:
$(".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代码:
这里是HTML:
<input type="checkbox" class="check" />
编辑:此外,这是否是样式化复选框的最佳方法?我似乎找不到比这更简单的方法,所以如果有建议,请告诉我。
$('.check')
等同于$('input[type=checkbox]')
,因此在 jQuery 中不需要设置类。 - feeela