复选框背景图像不会第二次更改

Question

我正在使用图片作为复选框。当通过jquery手动更改复选框的属性时，复选框的背景图像似乎没有改变。

在这种情况下，当您第二次单击按钮时，未显示所选图像。

JSFiddle：http://jsfiddle.net/aLAgV/1/

代码

var $elm = $('#checkbox-1');
$('#butn').click(function(e) {
    e.preventDefault();

    if($elm.is(':checked'))
        $elm.removeAttr('checked');
    else
        $elm.attr('checked','checked');
}); 

Answer 1

看看这是否有帮助。 http://jsfiddle.net/DVuMB/

Prop()

$(document).ready(function() {

    var $elm = $('#checkbox-1');
    $('#butn').click(function(e) {
    e.preventDefault();

    $elm.prop('checked',!$elm.is(':checked'));

});

Answer 2

使用选中的true / false应该起作用

$elm.attr('checked',true);
$elm.attr('checked',false);