如何在Javascript中正确添加MDL Radio Buttons？

Question

我想在我的电子应用程序中添加材料设计精简单选按钮，我可以在javascript中创建语义结构，但单选按钮没有动画到“已检查”状态，它们什么都不做我点击然后

PS：我正在为一个学校项目做一个测验..我有大约12个小时的时间来完成它ç.ç

PS2：抱歉英文不好

PS3：这是我第一次接触JS

这是我的HTML

1,4,7,10,13,16

这是我的JS部分：

<main class="mdl-layout__content">
  <div style="justify-content: center" class="mdl-grid">
    <div class="mdl-cell mdl-cell--8-col mdl-cell--8-col-tablet mdl-cell--4-col-phone mdl-typography--text-justify mdl-shadow--2dp content">
      <h2 id="testStatus" class="mdl-typography--title"></h2>
      <div id="test"></div>
    </div>
  </div>
</main>