關閉模態后如何保留選中的復選框？

Question

我有一個模態，看起來像這樣：

在選中了幾個復選框之后，然后單擊了“ Add Users to New Group模態關閉，我正在捕獲選中的復選框的值。 但是，現在我需要在關閉模式之前選中的那些復選框，以便在再次打開模式之后再次保持選中狀態，以便用戶甚至可以查看選中了哪個復選框。 這是我嘗試過的：

$(document).ready(function(){
     $('#addNewMembers').click(function(){//click on Add Users to New Group button
     var selected = $('#ovdjeSuSelektovani').val();//im putting value of all checked checkboxes inside hidden input, so this is how i'm retrieving those values
     console.log(selected);
     if(selected!='') {
        var arrayOfSelected = selected.split(",");
        for(var i=0;i<arrayOfSelected.length;i++){
            $('checkbox value=['+arrayOfSelected[i]+']').prop('checked',true);//did not recognize the jQuery selector
        }
        var numberOfSelected=arrayOfSelected.length;
        $('#numberOfMembers').text(numberOfSelected)
    }else{//neko upozorenje    
    }    
});

不工作。 嘗試2：

$("#modal-6 input[type='checkbox']:checked").each(function () {
       this.prop('checked',true);
});

重新打開模態后什么也沒做。 如果有人有任何建議，我將很樂意嘗試。

Answer 1

沒有html標記checkbox ，因此將無法使用

$('checkbox value=['+arrayOfSelected[i]+']').prop('checked',true);

試試這個代替

$('input[type=checkbox][value='+arrayOfSelected[i]+']').prop('checked',true);

然后它將選中復選框，並保持選中狀態，直到您明確取消選中它們為止。

Answer 2

當您關閉模式存儲區時，會話存儲區中每個選中復選框的唯一標識符。 唯一標識符可以是例如Facebook ID。

您可以在此處閱讀有關會話存儲的更多信息。 您會發現真正有用的兩種方法是：

sessionStorage.setItem

和

sessionStorage.getItem

我建議使用會話存儲而不是本地存儲，因為會話存儲不是持久性的，並且在關閉瀏覽器窗口之后，您可能不需要保留選中的復選框。

如果您想使用本地存儲或想了解更多有關本地存儲的信息，可以檢查一下

Answer 3

僅將所選復選框的ID存儲在$（'＃ovdjeSuSelektovani'）。val（）中（例如，“ id1，id3，id4”），而不是狀態：

$('#modal-6 input[type='checkbox']').is('checked').each(function() {
  $('#ovdjeSuSelektovani').val($('#ovdjeSuSelektovani').val() + $(this).attr('id') + ',');
});

$('#ovdjeSuSelektovani').val($('#ovdjeSuSelektovani').val().replace(/,$/g,'')); //removes training comma

當彈出窗口重新加載時，請嘗試以下操作：

$('#ovdjeSuSelektovani').val().split(',').each(function(id) {
  $('#' + id).prop('checked', true);
}