getElementsByName而不是getElementById

Question

我有一个使用getElementById.innerHTML的计算票价--使用<h5 id="totalFare"></h5>显示的总票价--但是如果getElementByID我想通过使用<input type="number" name="totalFare" readonly />在getElementsByName中解析，我正在搜索大量页面来查找答案，下面是我的代码。希望你能帮我。

<input type="number" id="adults" min="0" onkeyup="calculate()"  name="booking[adults]" class="validate" value="0" required>

<input type="number" id="children" min="0" onkeyup="calculate()" name="booking[children]" class="validate" value="0"   required>

<input type="number" id="senior" min="0" onkeyup="calculate()" name="booking[senior]" class="validate" value="0"  required>


<script type="text/javascript">
  function calculate(){
    var adults   = document.getElementById("adults").value;
    var children = document.getElementById("children").value;
    var senior = document.getElementById("senior").value;
    var Fare = document.getElementById("hideFare").value;


    var values = fare(adults, children, senior, Fare);

    console.log(values)
    document.getElementById("totalFare").innerHTML = values.totalFare;

  }
    function fare(x, y, z, a) {
    var res = {};
    res.totalFare = (( x  * a) + (y * (a *.80)) + (z * (a *.80)))
    return res
  }

</script>

Answer 1

使用getElementsByName，如下所示。

​

console.log(document.getElementsByName("test")[0].value);

<input type="text" name="test" id="testing" value="This is a value" />

​

document.getElementsByName("test")为您提供了类似于数组的东西(称为元素集合，因为可能有多个同名的元素)，因此[0]在那里获得第一个索引，这是您想要的值。有关更多信息，请查看下面的链接。

getelementsbyname.asp