javascript - 无法使用js获取输入值

Question

function addition(){

     var count = 2;
     for(var i = 0 ; i <=count ; i++ ){
           var val = document.getElementById('num');
           alert(val.value);
     }

}
<input type="text" id="num" name="name[]">
<input type="text" id="num" name="name[]">
<input type="submit" id="num"  onclick="addition">

我想借助单个 ID 或名称来获取输入值，请帮助我如何获取它..

Answer 1

一个页面中只能有一个id。请改用类、元素或属性选择器。

使用类作为输入(在这种情况下按钮不需要类/id)，您可以使用 Document.getElementsByClassName() 获取所有元素，然后您就可以迭代集合:

function addition(){
     var val = document.getElementsByClassName('num');
         
     for(var i = 0 ; i < val.length ; i++ ){
           console.log(val[i].value);
     }

}

<input type="text" class="num" name="name[]">
<input type="text" class="num" name="name[]">
<input type="submit" onclick="addition()">