複選框背景圖像不會更改第二次

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);