简单记一笔:如何用jquery 获取多个input的值?

闲言少叙,上代码:

<html>
    <body>
        <input type="number" name="num" value="1"/>
        <input type="number" name="num" value="2" />
        <input type="number" name="num" value="3" />
        <button onClick="getVal()">添加至列表</button>
    </body>
</html>
<script type="text/javascript" src="jquery.1.11.3.min.js" ></script>
<script type="text/javascript">
    var getVal = function(){
           
    
        var numArr = new Array();
        $(input).each(function(){
           
    
            numArr.push($(this).val());//添加至数组
        });
        console.log(numArr);
    }
</script>

上述的核心为js中: 通过jq获得你想要获取的input元素的数组,在通过循环将每个input元素的值获取到,最后把获取到的元素添加到数组中

var numArr = new Array();
$(input).each(function(){
          
   
    numArr.push($(this).val());//添加至数组
});

bingo。。。。。。。

经验分享 程序员 微信小程序 职场和发展