0

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

~ 谢谢

CSS 和 HTML 代码的 Js Fiddle 链接

http://jsfiddle.net/8c4ktyq5/

控制步进器的单选按钮

   <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'>
4

0 回答 0