javascript获得相同名字输入框的值

最新推荐文章于 2024-10-28 18:25:21 发布
最新推荐文章于 2024-10-28 18:25:21 发布
阅读量133 收藏
点赞数
文章标签： javascript ViewUI
本文介绍了一种使用JavaScript来收集HTML表单中具有相同名称的多个文本输入框值的方法。通过两种不同方式实现：一是利用document.all属性，二是使用document.getElementsByName方法。这两种方法均可有效地获取所有指定名称的输入框的值，并将其拼接成一个字符串。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<html><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>javascript获得相同名字输入框的值 by yanleigis email:landgis@126.com</title>

</head>

<body>

<form>

<table border="1" width="100%" id="table1">

<tr>

<td><input type="text" name="text1" size="40" value="11"></td>

<td><input type="text" name="text1" size="40" value="12"></td>

</tr>

<tr>

<td><input type="text" name="text1" size="40" value="21"></td>

<td><input type="text" name="text1" size="40" value="22"></td>

</tr>

</table>

<p align="center"><input id="sumValue" name="sumValue" size="120" style="float: left" value=></p>

<input type=button value="获得相同名字的值 方法1" onclick="sum1();">

<input type=button value="获得相同名字的值 方法2" onclick="sum2();">

</form>

</body>

<script language="javascript">

function sum1()

{

var str="";

var textall = document.all['text1'];

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

{

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

}

document.getElementById("sumValue").value = str;

}

function sum2()

{

var textall = document.getElementsByName("text1");

var str = "";

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

{

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

}

document.getElementById("sumValue").value = str;

}

</script>

</html>

iteye_9770
关注
JavaScript简介-01
qq_45027843的博客
03-27 602
详情详情ECMAScript无疑是JavaScript的核心，但是要在浏览器中使用JavaScript的话，BOM（浏览器对象模型）才是真正的核心。BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何的网页内容无关。BOM将浏览器中的各个部分转换成一个一个的对象，我们通过修改这些对象的属性，调用他们的方法，从而控制浏览器的各种行为。12，特点JS是一门解释型语言，类似C和Java的语法结构、动态语言 基于原型的面向对象解释型语言就是 不需要编译为机器码再执行，而是可以直接执行。
Javascript
weixin_43460646的博客
08-14 1206
本博客主要为黑马程序员网课中关于 JS 模块（网课在下面有介绍）所整理记录的学习笔记，仅作学习用途，如有侵权，烦请联系本人侵删。同时感谢黑马老师们的辛苦教导付出，如有不足之处，欢迎各位小伙伴、官老爷们多多提意见或建议，感谢！ JS入门到精通、DOM BOM操作、jQuery案例精讲、AJAX node.js webpack git一套全覆盖 一、JS基础 了解变量、数据类型、运算符等基础概念，能够实现数据类型的转换，结合四则运算体会如何编程。 体会现实世界中的事物与计算机
jquery 根据name名获取元素的value值
12-11
提问： 我要获取name属性为test的元素 但是这个test是赋值给变量的 如var name=’test’; 即要获取name属性为变量name的元素 请问jquery怎么写？ 答案： $(“input[name=”+name+”]”) 问题和答案都很简单，正所谓会者不难难者不会，有相同需要的小伙伴自己来参考下吧。
js根据name获取value的值
weixin_30938149的博客
05-02 3198
html部分代码如下： <input name="sort01" value=""> <input name="sort02" value=""> <input name="sort03" value=""> js代码： $('input[name^="sort"]').map(function(){return this.value})....
js根据name获取value_通过构建自己的JavaScript测试框架来了解JS测试
weixin_39746382的博客
11-24 242
测试（单元或集成）是编程中非常重要的一部分。在当今的软件开发中，单元/功能测试已成为软件开发的组成部分。随着Nodejs的出现，我们已经看到了许多超级JS测试框架的发布：Jasmine，Jest等。单元测试框架这有时也称为隔离测试，它是测试独立的小段代码的实践。如果你的测试使用某些外部资源（例如网络或数据库），则不是单元测试。单元测试框架试图以人类可读的格式描述测试，以便非技术人员可以理解所测试的...
19.5js获取值框架工具：根据name获取对应的值
qq1092881420的博客
01-25 458
/根据传递过来的参数name获取对应的值。
Javascript获取表单名称（name）的方法
10-24
在给定的示例代码中，首先定义了一个简单的HTML表单，该表单包含两个输入框（一个用于输入名字，一个用于输入姓氏）。表单自身也有一个name属性值为"form1"。为了获取这个表单的名称，使用了JavaScript的document....
JavaScript和jQuery的概述《干货》
2301_79258776的博客
04-23 1417
学会javaScript和jQuery的灵活运用！
Day02-1 JavaScript
最新发布
tang7mj的博客
10-28 967
通过代码/js效果演示提供资料进行效果演示，通过浏览器打开，我们点击主题5按钮，页面的主题发生了变化，所以js可以让我们的页面更加的智能，让页面和用户进行交互。第一种定义格式如下：function 函数名(参数1,参数2..){要执行的代码因为JavaScript是弱数据类型的语言，所以有如下几点需要注意：形式参数不需要声明类型，并且JavaScript中不管什么类型都是let或者var去声明，加上也没有意义。
jquery如何通过name名称获取当前name的value值
12-10
代码如下: $(“*[name=’name’]”).val(); //获取vlaue值 $(“*[name=’name’]”).attr(‘id’,’name’); //添加id名称 $(“*[name=’name’]”).after(‘<div>hello world</div>’); //在当前外添加元素
JavaScript（7）：获取表单中的所有name-value的值
wgx_0504的博客
01-04 904
获取表单中的所有name-value的值，并以key=value1&key=value2的形式拼接
Javascript获取value值的三种方法及注意点
djh1179的博客
03-17 2646
JavaScript获取value值，主要有以下三种： 1.用document.getElementById(“id名”).value来获取（例1）； 2.通过form表单中的id名或者name名来获取（例2）。 3.通过id名（不用写getElementById，也不用放在表单中）直接获取value值（例3）。但是直接通过...
springboot-前端js设置cookie的name、value值，后端利用name获取指定cookie的value值
m0_52433668的博客
05-23 1319
springboot-前端js设置cookie的name、value值，后端利用name获取指定cookie的value值 前端 js 将传递过来的 id 存入cookie中， cookie 的 name 就是 'code' ，value 就是传过来的 id 实现的 js 代码如下： function setpicName_Cookie(id) { var code = id; document.cookie = 'code'+'...
js根据name值获取元素
热门推荐
u014414110的博客
03-01 7万+
效果 &lt;body&gt; &lt;input type="button" id="btn" value="显示效果" /&gt; &lt;input type="text" value="你是" name="name1" /&gt; &lt;input type="text" value=&quot
js 获得多个同name 的input输入框的值
xiaocong1314的专栏
12-29 3万+
js 获得多个同name 的input输入框的值 起初是使用document.all.id.length获得输入框的个数，但时而正常，时而显示undefined，效果不是很好，网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持IE。 解决方法是如下： var els =document.getElementsByName("search"); for (var i =
jQuery通过input标签的name获取值
rentian1的博客
04-19 4万+
jquery根据name属性查找 $("div[id]") 选择所有含有id属性的div元素 $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素 $("input[name^='keleyi']")
js 获取所有name的Value值，求和
我说我长的不帅，她们说我说谎，还打我。
02-21 1419
1.所有的value 值，用逗号分隔var temp; var a = document.getElementsByName("f"); for (var i = 0, j = a.length; i < j; i++) { temp = a[i].value+","; } 所有的value值，求和 var temp = 0; var a = document.getElementsByNa
javascript如何判断input输入框值是否大于0
10-25
在JavaScript中，你可以使用`event.target.value`获取用户在`<input>`元素中输入的值，并利用条件语句如`if`或`>=`运算符来检查这个值是否大于0。这里有一个简单的示例： ```javascript // 获取输入框元素 const ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值