js如何循环拼接字符串

最新推荐文章于 2024-02-12 11:39:58 发布

我是高手高手高高手

最新推荐文章于 2024-02-12 11:39:58 发布

阅读量2.9k

点赞数

分类专栏： jQuery JS技巧

JS技巧同时被 2 个专栏收录

244 篇文章 3 订阅

订阅专栏

jQuery

128 篇文章 1 订阅

订阅专栏

JS循环后，把所有值串成字符串

例子1

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://www.sunlands.com/js/jquery.min.js"></script>
</head>

<body>
<input type="text" name="txt" value="1" />
 <input type="text" name="txt" value="2" />
 <input type="text" name="txt" value="3" />
 <input type="text" name="txt" value="4" />
<script>

//用jquery 

function getTextByJquery() { 

    var str = ""; 

    //遍历name为txt的所有input元素 

    $("input[name='txt']").each(function () { 

        str += $(this).val() + ","; 

    }); 

    //去掉最后一个逗号(如果不需要去掉，就不用写) 

    if (str.length > 0) { 

        str = str.substr(0,str.length - 1); 

    } 
	var t6=str
	alert(t6)
    return str; 
    
}
getTextByJquery()
</script>

</body>
</html>

例子2

html代码

<input type="text" name="txt" value="1" />
 <input type="text" name="txt" value="2" />
 <input type="text" name="txt" value="3" />
 <input type="text" name="txt" value="4" />

js代码

//用js 

function getTextByJs() { 

    var str = ""; 

    //根据name获取所有元素 

    var txts = document.getElementsByName("txt"); 

    for (var i = 0; i < txts.length; i++) { 

        str += txts[i].value + ","; 

    } 

    //去掉最后一个逗号(如果不需要去掉，就不用写) 

    if (str.length > 0) { 

        str = str.substr(0, str.length - 1); 

    } 

    return str; 

} 

//用jquery 

function getTextByJquery() { 

    var str = ""; 

    //遍历name为txt的所有input元素 

    $("input[name='txt']").each(function () { 

        str += $(this).val() + ","; 

    }); 

    //去掉最后一个逗号(如果不需要去掉，就不用写) 

    if (str.length > 0) { 

        str = str.substr(0,str.length - 1); 

    } 

    return str; 

}