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

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

使用检查的真/假应该工作

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