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

时间:2013-04-25 04:26:48

标签: jquery

我正在使用图片作为复选框。当通过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');
}); 

2 个答案:

答案 0 :(得分:2)

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

Prop()

$(document).ready(function() {

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

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

});

答案 1 :(得分:1)

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

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