<input <?= $checked; ?> type="checkbox" id="compareid_<?= $arItem['ID']; ?>" data-id="<?= $arItem['ID']?>" onchange="compare_tov(<?= $arItem['ID']; ?>);">
<label for="compareid_<?= $arItem['ID']; ?>" style="display: block; width: 36px; height: 36px; position: absolute; top: 55px;">
<span class="comparTov_<?= $arItem['ID']; ?>" style="background:url(image1.png);"></span>
</label>
var activeID = $('.comparTov_'+id).html('<img src="image2.png" />').addClass('active');
console.log(activeID);
localStorage.getItem("active", activeID);
localStorage.setItem("active", activeID);
$(document).ready(function() {
var inputCompareTov = {
id: $("this").load("#compareid_<?= $arItem['ID']?>"),
};
console.log(inputCompareTov);
var spanCompareTov = {
class: ".comparTov_<?= $arItem['ID']?>",
};
console.log(spanCompareTov);
$('inputCompareTov').click(function() {
$('spanCompareTov').toggleClass('active');
if (localStorage.getItem('spanCompareTov') == 'active') {
localStorage.removeItem('spanCompareTov', "active");
} else {
localStorage.setItem('spanCompareTov', "active");
}
});
});
var activeID = $('.comparTov_'+id).html('<img src="image2.png" />').addClass('active');
console.log(activeID);
localStorage.getItem("active", activeID);
$(function(){
$('.img-compare'+id).click(function(){
$('.comparTov_'+id).toggleClass('active');
localStorage.setItem("compareIsActive", $('.comparTov_'+id).hasClass('active'));
});
var compareIsActive = localStorage.getItem("compareIsActive");
if (compareIsActive == "true") {
$('.comparTov_'+id).addClass('active');
}
});