当前有多个input框，只有第一个input能够只用，其它的都是禁用状态，选择了数据之后下一个input才能选择，以此类推，这个功能怎么实现。详细写一个具体案例

好的，下面是一个简单的案例实现：

HTML代码：

<input type="text" id="input1" />
<input type="text" id="input2" disabled="disabled" />
<input type="text" id="input3" disabled="disabled" />
<input type="text" id="input4" disabled="disabled" />

JavaScript代码：

// 获取所有的input元素
var inputs = document.getElementsByTagName('input');

// 给第一个input绑定change事件
inputs[0].addEventListener('change', function() {
  // 如果第一个input的值不为空
  if (this.value !== '') {
    // 将第二个input的禁用状态去掉
    inputs[1].removeAttribute('disabled');
  }
});

// 给第二个input绑定change事件
inputs[1].addEventListener('change', function() {
  // 如果第二个input的值不为空
  if (this.value !== '') {
    // 将第三个input的禁用状态去掉
    inputs[2].removeAttribute('disabled');
  }
});

// 给第三个input绑定change事件
inputs[2].addEventListener('change', function() {
  // 如果第三个input的值不为空
  if (this.value !== '') {
    // 将第四个input的禁用状态去掉
    inputs[3].removeAttribute('disabled');
  }
});

以上代码实现了当第一个input框中输入数据之后，才能够使用第二个input框进行数据选择，以此类推。同时，如果某个input框中输入了数据，那么下一个input框才能进行数据选择，否则仍然处于禁用状态。