我正在使用 HTML 和 CSS 创建一个多阶段表单,效果很好。它在顶部有一个步进器,我想禁用第二个和后续字段,直到在第一阶段的按钮上触发提交事件。下面的代码控制步进器。它具有自定义 ID 来控制每个步进器。当我将 disabled 属性添加到代码中时,步进器不会移动。如何使用 vanilla Js 或一些 jquery 来确保仅显示第一阶段,而其他阶段在用户首次访问时被禁用,而表单和后续阶段仅在前一阶段触发事件时出现?
~ 谢谢
CSS 和 HTML 代码的 Js Fiddle 链接
控制步进器的单选按钮
<input checked='checked' id='step-1' name='step' type='radio'>
<input id='step-2' name='step' type='radio'>
<input id='step-3' name='step' type='radio'>
<input id='step-4' name='step' type='radio'>
<input id='step-5' name='step' type='radio'>