Question

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

〜谢谢

CSS和HTML代码的Js Fiddle链接

http://jsfiddle.net/8c4ktyq5/

控制步进器的Raadio按钮

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

使用Jquery或Vanilla Js自定义CSS步进器时出现问题

0 个答案: