Javascript 图像上的JS条件

我需要开发一种计算器，它显示一组图像，客户可以选择，并根据他的选择进入下一步的选择。在所有选择结束时，他将根据所选择的所有步骤的选择得到一个包

在这个链接中可以找到类似的工作示例：然后单击左侧的“帮助我选择”弹出窗口

---

有谁能建议我从什么方法或库开始实现这样的目标吗？

好的。这是非常基本的，但我创建了一个。我不漂亮，但它应该给你一些指示什么是必需的

这是代码，如果有什么不清楚的地方，用谷歌搜索一下：

var selections = {
    "opt1": false,
    "opt2": false,
    "opt3": false,
    "opt4": false,
    "opt5": false,
    "opt6": false
};

$(document).ready(function() {
    $('.option').click(function(event) {
        var id = event.target.id;
        if (selections[id]) {
            $('#' + id).removeClass('checked-option');
            selections[id] = false;
        } else {
            $('#' + id).addClass('checked-option');
            selections[id] = true;
        }
    });
    $('#btn1').click(function() {
        $('#grp1').hide();
        $('#grp2').show();
    });
    $('#btn2').click(function() {
        $('#grp2').hide();
        $('#grp1').show();
    });
    $('#btn3').click(function() {
        var content = 'Selected:<ul>';
        for (var i in selections) {
            if (selections[i]) {
                content += '<li>' + i + '</li>';
            }
        }
        content += '</ul>';
        $('#grp2').hide();
        $('#done').html(content);
        $('#grp3').show();
    });
    $('#btn4').click(function() {
        $('#grp3').hide();
        $('#grp2').show();
    });
});

---

这是非常直接的javascript。你试过什么了吗？你是不是被什么东西卡住了？见@neelsg-我对JS很陌生。我理解它，通过一些研究，我能够编写代码，但是我不知道从哪里开始。我做了一些关于在图片上做一些复选框并保存选择的研究，但不确定什么是必要的。非常感谢你的帮助！！！这肯定是一个伟大的开始！！！！非常感谢你的帮助！