How to make a link add to compare AJAX?

Question

1C-Bitrix

Hi guys, tell me how to make a link to add a product to the comparison.
checkbox done, but how about a href? Help

<?
$iblockid = $arElement['IBLOCK_ID'];
$id=$arElement['ID'];
if(isset($_SESSION["CATALOG_COMPARE_LIST"][$iblockid]["ITEMS"][$id]))
{
$checked='checked';
}
else
{
$checked='';
}
?>

<input <?=$checked;?> type="checkbox"class="compare" id="compareid_<?=$arElement['ID'];?>" onchange="compare_tov(<?=$arElement['ID'];?>);">

Answer 1

If your code works, i.e. function compare_tov(id);
works, then:
do:
hang event
on jQuery

$(() => {
    $('.to-compare').on('click', event => {
        event.preventDefault();
        compare_tov($(this).data('id'));
    });
});

or in pure js

document.addEventListener("DOMContentLoaded", () => {
    let compareLinks = document.querySelectorAll('.to-compare');
    if (compareLinks.length) {
        compareLinks.forEach(link => {
            link.addEventListener('click', event => {
                event.preventDefault();
                let itemId = event.dataset.id;
                if (itemId.length) {
                    compare_tov(itemId);
                }
            });
        });
    }
});

Just change the arrow functions to oldstyle if you want it to work in ancient explorers