javascript - 完成一个步骤后在结帐处打勾

Question

我有一个 5 步结帐，我想要实现的是在前面的步骤完成后勾选它们。

我尝试了一些 javascript，但在我看来我使用了错误的函数

这是元素的html:

所以基本上当您继续前进时，前面的步骤将突出显示为已完成

编辑:这里是代码:

<ul class="checkout-steps steps-5">
                    <li class="cart">
            <a href="https://www.eyerim.sk/checkout/cart/">
                <small>Krok</small>
                <em>Môj Košík</em>
            </a>
        </li>
                            <li class="address">
            <a href="https://www.eyerim.sk/stepcheckout/step/address/">
                <small>Krok</small>
                <em>Adresa</em>
            </a>
        </li>
                            <li class="active payment">
            <span>
                <small>Krok</small>
                <em>Spôsob platby</em>
            </span>
                        </li>
                            <li class="review">
            <span>
                <small>Krok</small>
                <em>Spolu</em>
            </span>
        </li>
                            <li class="success">
            <span>
                <small>Krok</small>
                <em>HOTOVO</em>
            </span>
        </li>
        </ul>

这是当前的代码 事件步骤

<li class="active payment">
            <span>
                <small>Krok</small>
                <em>Spôsob platby</em>
            </span>
                        </li>

Answer 1

在 JS 中点击图标改变，根据需要改变图标。

JS

function change (iconID){
      if(document.getElementById(iconID).className=="fa fa-chevron-up"){
        document.getElementById(iconID).className = "fa fa-chevron-down";
      }else{
        document.getElementById(iconID).className = "fa fa-chevron-up";
      }
    }

HTML

<i id="icon1" onclick="change('icon1')" class="fa fa-chevron-up" aria hidden="true">