jQuery 简单表单传值

最新推荐文章于 2023-01-12 18:25:20 发布

原创最新推荐文章于 2023-01-12 18:25:20 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

9 篇文章

订阅专栏

jQuery

5 篇文章

订阅专栏

本文介绍两种使用jQuery从HTML表单中提取文本输入框值并将其存储到数组中的方法。第一种方法通过循环获取每个input元素的值；第二种方法利用each函数遍历所有文本输入框。

简单的表单，想取出其中的值传递给一个数组：

Text1:<input type="text" value="aaa" />
Text2:<input type="text" value="bbb" />
Text3:<input type="text" value="ccc" />

方法一：

(function($){
    var textLength = $("input").length;  //获取input类型
    var aArray = new Array();  //创建一个数组
    for(var i = 0;i < textLength;i++)
    {
        
        var inputValue = $("input:eq("+i+")").val();  //循环取出input的value值
        aArray.push(inputValue);  //把值按序添加到数组的最后
     }
    console.log(aArray);
    alert(aArray);
})(jQuery);

方法二：

(function($){
        var arr=new Array();
        $("input[type='text']").each(function()
        {
           arr.push($(this).val());
        });
    console.log(arr);
    alert(arr);
})(jQuery);