JavaScript 检查多个输入框是否为空并提示

你可以使用 JavaScript 来实现在 HTML 页面中检查多个 input 的值，如果其中一个为空，则输出 alert 提示。

下面是一个例子：

<!DOCTYPE html>
<html>
<body>

<h2>检查多个 input 的值</h2>

<input type='text' id='input1' placeholder='输入第一个值'>
<br><br>
<input type='text' id='input2' placeholder='输入第二个值'>
<br><br>
<input type='text' id='input3' placeholder='输入第三个值'>
<br><br>
<button onclick='checkInputs()'>检查</button>

<script>
function checkInputs() {
  var input1 = document.getElementById('input1').value;
  var input2 = document.getElementById('input2').value;
  var input3 = document.getElementById('input3').value;

  if (input1 === '' || input2 === '' || input3 === '') {
    alert('请填写所有的输入项');
  }
}
</script>

</body>
</html>

在上面的例子中，我们创建了三个 input 元素，并为每个 input 元素指定了一个唯一的 id。然后，我们在按钮的 onclick 事件中调用了一个名为 checkInputs 的函数。

checkInputs 函数中，我们首先获取每个 input 元素的值，并将其存储在对应的变量中。然后，我们使用条件语句来检查每个 input 的值是否为空。如果有任何一个 input 的值为空，我们将输出一个 alert 提示。

你可以根据需要修改 input 元素的数量和 ID，并根据实际情况修改提示信息。