如何根据单选按钮输入取消隐藏隐藏按钮并隐藏其他按钮？

Question

我有一个实现 3 个按钮的表单。每个按钮提供不同的选项供用户选择。该页面仅呈现两个按钮，最后一个被隐藏。我想根据单选按钮输入更改显示的内容。

这是我正在处理的 HTML 文档：

.hidden{
  display: none;
}

<label for="pay">Payment Option</label>
          <div class="row check">
            <div class="col-sm-6">          
              <input type="radio" id="gcash" name="pay" value="gcash" checked="checked"/>
              <label for="gcash" class="pay">Gcash</label>
            </div>
            <div class="col-sm-6">
              <input type="radio" id="walk" name="pay" value="unpaid"/>
              <label for="walk" class="pay">Walk In</label>
            </div>
     </div>

    <div class="buttons">
          <a href="#" class="res-btn" role="button">Back</a>
          <a href="#" class="res-btn" role="button">Proceed payment</a>
          <input type="submit" class="res-btn hidden" name="btn-submit" value="Submit">
    </div>