Как вывести checked, если id чекбоксов сохранены в localStotage?

Владимир Проскурин, а вот без уникальных идентификаторов удалять такое невозможно ?

Как добавить дополнительные объекты в localStorage?

Stalker_RED,

По клику на иконку в модальном окне, у меня должны удаляться элементы

Только проблема в том, что я не могу удалить все элементы, может подскажите как удалять элементы правильно по клику на иконку?

Удаление по клику нужно через data атрибуты делать ?

Как вывести checked, если id чекбоксов сохранены в localStotage?

Владимир Проскурин, также можно или нежелательно ?

https://codepen.io/Genri_Rus/pen/gyKjRR

Как вывести checked, если id чекбоксов сохранены в localStotage?

Владимир Проскурин, спасибо )

А вот еще такой вопрос, без data атрибута реализовать такое удаление будет сложно ?

Как вывести checked, если id чекбоксов сохранены в localStotage?

Владимир Проскурин, я сделал вот так, но тогда удаляется все сразу:

function removeItem() {
  $(".modal").on("click", ".remove-item", function() {
    let delItem = shoppingCart.listCart();
    console.log(delItem);
    for (let i in delItem) {
     // console.log(delItem[i].id);
     shoppingCart.removeItemFromCart(delItem[i].id);
     break;
    }
    modalCart();
  });
}

Мне же нужно по клику удалить не только в модальном окне, но и удалить в localStorage

Возможно ли вызывать эту функцию по клику ?
Или нужно писать новую функцию ?

obj.removeItemFromCart = function(id) {
    cart = cart.filter(function(x) { return x.id !== id});
    saveCart();
};

Как добавить дополнительные объекты в localStorage?

Stalker_RED, добрый вечер - вот в этом примере: https://codepen.io/Genri_Rus/pen/gyKjRR

По клику на иконку в модальном окне, у меня должны удаляться элементы

Только проблема в том, что я не могу удалить все элементы, может подскажите как удалять элементы правильно по клику на иконку?

Придется иконкам data атрибуты вешать ?

Как добавить произвольные ключи в объект localStorage?

Роман, я так сделал:

https://codepen.io/Genri_Rus/pen/gyKjRR

Но у меня почему-то удаляется только один элемент в модальном окне

Как вывести checked, если id чекбоксов сохранены в localStotage?

Владимир Проскурин, как теперь в данном случае удалять по клику на иконку ?

https://codepen.io/Genri_Rus/pen/gyKjRR

P.S. У меня в модальном окне только один элемент удаляется

Как добавить произвольные ключи в объект localStorage?

Роман, добрый день

Возник небольшой вопрос: https://codepen.io/Genri_Rus/pen/gyKjRR

Как теперь удалять элементы по клику на иконку удалить, чтобы основные чекбоксы становились не в состоянии checked ?

Как добавить произвольные ключи в объект localStorage?

Роман, нашел ошибку, из-за этого конфликт был:

if ($('input').is(':checked')) {
     if (!modal.children().is('.item')) modal.html('');
 } else {
     modal.removeClass('modal-show').text('Здесь ничего нет');
 }

Как добавить произвольные ключи в объект localStorage?

Роман, по идее же должны выводиться данные в модальное окно на других страницах ?

В javascript'e формируется же верстка ?

if ($(this).prop('checked')) {
        let a = $(this).parent().siblings('a').attr('href');
        let title = $(this).parent().siblings('a').attr('title');
        let img = $(this).parent().siblings().children('img').attr('src');
        let p   = $(this).parent().siblings('.copy, .copy-2');
        shoppingCart.addItemToCart(id, a, title, img, p);
        modalCart();
      
        modal.addClass('modal-show');
	  } else {
		  shoppingCart.removeItemFromCart(id);
      modalCart();
	  }

Как добавить произвольные ключи в объект localStorage?

Роман, добрый день )

Появилась снова проблема
Дело в том, что если этих параграфов нету на других внутренних html страницах, то модальное окно пустое

Как только я посещаю те страницы, где эти параграфы есть на странице, то сразу же в модальном окне все есть

Что посоветуете в данном случае делать ?

Как добавить произвольные ключи в объект localStorage?

Роман, хорошо )

Тогда я пошел экспериментировать, потом Вам скину пример и еще раз с праздником Вас )

Как добавить произвольные ключи в объект localStorage?

Роман, а то есть в моем примере более или менее нормально ?)

Не говоря об этом нюансе:

[
  {"id":"check-option-1","a":"http://lorempixel.com/30/30/city","title":"TITLE + добавляет всплывающую подсказку к тексту ссылки","img":"http://lorempixel.com/30/30/city","p":["1","1.1"]},
  {"id":"check-option-2","a":"http://lorempixel.com/30/30/technics","img":"http://lorempixel.com/30/30/technics","p":["2","2.1"]}
]

Как добавить произвольные ключи в объект localStorage?

Роман,

но у вас там проблемы похлеще. в локалсторадже лежат объекты, а вы читаете значения из локалсторадж в переменную cart, которая должна быть массивом, но после загрузки из локалсторадж становится объектом а затем пытаетесь обратится к cart как к массиву

Я правильно понял, что нужно сделать так:

obj.removeItemFromCart = function(id) {
    console.log("45 строка:",cart);
   cart = [] - тут изначально добавить пустой массив
		cart = cart.filter(function(e) { return e.id !== id});
    saveCart();
	};

Как добавить произвольные ключи в объект localStorage?

Роман,

если у вас в локалсторадж хранятся записи вида [item1, item2, и т.д] то я не прав и у вас все норм.
если же у вас в локалсторадж хранятся записи вида {id1:item1, id2:item2, и т.д} то тогда нарушена логика

В этом варианте:

https://codepen.io/Genri_Rus/pen/gyKjRR

Вот так хранятся записи:?

{id1:item1, id2:item2, и т.д} ?

Просто в моем примере (по ссылке который) сначала идут item'ы, а потом только id

[item0, item1, и т.д] - массив данных

и еще, у вас в вашем варианте используются именно цифровые индексы, то есть вы попытались смешать оба способа, но получили только усложнение и никакого профита, так как по ID вы элемент по id уже не сможете достать.

Это да, но я попытаюсь сделать так:

{
"check-option-1": {id: "check-option-1", a: "http://lorempixel.com/30/30/city", title: "TITLE + добавляет всплывающую подсказку к тексту ссылки", img: "http://lorempixel.com/30/30/city", p: Array(2)}
"check-option-2": {id: "check-option-2", a: "http://lorempixel.com/30/30/tech
}

Как добавить произвольные ключи в объект localStorage?

Роман, правильно же, что у меня

[item0, item1, и т.д] - в массиве если

Как добавить произвольные ключи в объект localStorage?

Роман, т.е. вот так не должно быть ?

0: Item {id: "check-option-1", a: "http://lorempixel.com/30/30/city", title: "TITLE + добавляет всплывающую подсказку к тексту ссылки", img: "http://lorempixel.com/30/30/city", p: Array(2)}
1: Item {id: "check-option-2", a: "http://lorempixel.com/30/30/tech", img: "http://lorempixel.com/30/30/city", p: Array(2)}

Как добавить произвольные ключи в объект localStorage?

Роман, да я тоже ^D

Логика нарушена вот здесь ?

obj.addItemToCart = function(id, a, title, img, p) {
		var item = new Item(id, a, title, img, p);
		cart.push(item);
		saveCart();
	};

Как добавить произвольные ключи в объект localStorage?

Роман, буду разбираться )

А этот пример: https://codepen.io/Genri_Rus/pen/gyKjRR

Я кое-что брал с этого примера: https://codepen.io/Fullzero/pen/QMNbBm

P.S. А в этом примере: https://codepen.io/Fullzero/pen/QMNbBm тоже логика нарушена ?