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 + 。