jQuery选中和取消选中复选框

Question

我必须选中并取消选中复选框。 但是它不能很好地工作。

示例：当第一负载的状态为活动时：

• 取消选中复选框为非活动状态（正常工作）
• 再次检查以使其处于活动状态（不起作用，保持选中状态）

示例：在第一个负载上状态为非活动状态：

• 选中复选框为活动状态（工作正常）
• 取消选中复选框为非活动状态（正常工作）
• 再次检查以使其处于活动状态（不起作用，保持选中状态）

这是我的示例代码：

var statusCheck = $('.status-box');

$.ajax({
    url: 'sample/url',
    type: 'POST',
    data: {
        user_id: ids,
        status: statusVal
    },
    success: function (response) {
        if (response == 'ok') {
            $.each(statusCheck, function () {
                var _this = $(this);

                if (_this.is(':checked')) {
                    _this.removeAttr('checked');
                } else {
                    _this.attr('checked', '');
                }
            });
        }
    }
});

Answer 1

var statusCheck = $('.status-box')

$.ajax({
        url     : 'sample/url',
        type    : 'POST',
        data    : { user_id: ids, status: statusVal },
        success : function( response ) {
            if( response == 'ok' ) {
                $.each(statusCheck, function(){
                    var _this    = $(this);

                    if( _this.is(':checked') ) {
                        _this.removeAttr('checked');
                    } else {
                        _this.attr('checked', 'checked');
                             // ...............^ here ^
                    }
                });
            }
        }
    });

试试这个： _this.attr('checked', 'checked');

同样，此链接中的 .prop()可能会.prop()神奇作用；）

Answer 2

我在使用JQuery选中和取消选中复选框时遇到了问题（奇怪的异常）。 我正在使用.attr和.removeAttr ，当我将其更改为.prop('checked',false/true)我解决了该问题。

在jQuery 1.6之前，.attr（）方法在检索某些属性时有时会考虑属性值，这可能会导致行为不一致。 从jQuery 1.6开始，.prop（）方法提供了一种显式检索属性值的方法，而.attr（）则检索属性。 参考：

注意您应该使用JQuery 1.6 + 。