Question

我正在寻找一种方法，我可以从一个HTML输入（在这种情况下，一个文本输入）获得多个JavaScript变量（对于我的代码，4个输入），这样当任何人多次提交时，它会放入每个点击另一个变量。

<form name="mathGuesser" id="mathGuesser" class="mathGuesser">
    <h3>y - 5 = 2(x - 4)</h3>
    <input type="text" name="mGuesser" placeholder="Enter the answer in slope-intercept form"></input>
    <button type="button" onclick="mathCheck()">Check</button>
    <script language="javascript">
        function mathCheck() {
            var inputValues1 = document.mathGuesser.mGuesser.value;
        }
    </script>
</form>

Answer 1

使用数组

values = []
onclickfunction(value){
    values.push(value)
}

Answer 2

您要做的是设置函数的所有四个变量。然后在函数内部从输入字段中获取值，并检查值是否已设置。这可以通过检查typeof不是undefined来完成。如果已定义，请使用else if跳过nxt值。

这可以在以下内容中看到：

＆＃13;

var value1, value2, value3, value4;

document.getElementsByTagName('button')[0].addEventListener('click', function() {
  var field = document.getElementsByTagName('input')[0].value;

  if (typeof value1 == 'undefined') {
    value1 = field;
  } else if (typeof value2 == 'undefined') {
    value2 = field;
  } else if (typeof value3 == 'undefined') {
    value3 = field;
  } else if (typeof value4 == 'undefined') {
    value4 = field;
  }

  console.log(value1, value2, value3, value4);
});

＆＃13;

<input type="text" name="mGuesser" placeholder="Enter the answer in slope-intercept form">
<button type="button">Check</button>

＆＃13;

从1个HTML输入中获取多个JavaScript变量

2 个答案: