通过 document.getElementsByName 获取数组对象，传递多个值

最新推荐文章于 2022-12-28 10:53:25 发布
最新推荐文章于 2022-12-28 10:53:25 发布
阅读量3.6k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xueshandugu/article/details/26285833
版权
<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("myInput");

  alert(x.length);

  var idStr = '';
  var sum = 0;

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

  if(x[i].value != '0' && x[i].value!=''){
      idStr = idStr + x[i].value + ','
      sum = sum + parseInt(x[i].value);
    }

  }
idStr = idStr.substring(0, idStr.length-1);
  alert(idStr);
  alert(sum);
  }
</script>
</head>

<body>
<input name="ids" type="hidden" value='aaa'/><input name="myInput" type="text" size="20" /><br />
<input name="ids" type="hidden" value='bbb'/><input name="myInput" type="text" size="20" /><br />
<input name="ids" type="hidden" value='ccc'/><input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" οnclick="getElements()" value="名为 'myInput' 的元素有多少个？" />
</body>

</html>


结果：






xueshandugu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
id与name的区别
09-10 368
 document.getElementById与getElementByName的区别2009-08-14 16:511:id   就像身分证号，是唯一的，   name   就像姓名一样可以同名   2:一个元素定义了   id   ，引用该元素时直接用   id   属性，而   name   通常用在   form   中，且必须由   document.f
GetElementByName
我就吃一口的BLOG
12-10 960
GetElementByName <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> // 全选 function checkAll() { // 让所有复选框都选
没有document.getElementByName
weixin_34261415的博客
01-08 1161
首先声明的是： document.getElementByName方法没有。document.getElementsByName得到的是标签的数组 document.getElementId得到的是某一个标签 &lt;form name="form_write"&gt; &lt;input name="co...
如何批量操作
u010536669的博客
12-28 245
首先在页面设置checkbox，设置名称为ids。 然后把所有选中的id，拼接成一个字符串   allid                 var allid = ''; for(var i=0;i&lt;document.getElementsByName('ids').length;i++){ if(document.getElementsByName('ids')[i].c...
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
weixin_46065214的博客
08-17 1万+
getElementsByName方法、getElementsByTagName方法、document对象三个查询方法的使用注意事项、dom对象查询练习、document对象补充说明
Document:getElementsByName()使用方法及示例
09-04
例如，如果你有一个或多个`<input>`元素，它们都有`name="myInput"`，`getElementsByName('myInput')` 就会返回一个包含这些`<input>`元素的NodeList集合。 ### 返回值 返回的NodeList是一个动态的集合，意味着...
常用js代码大全.pdf
10-02
JavaScript（简称JS）是一种轻量级的脚本...以上就是从给定的JS代码大全中提取的一些核心知识点，这些内容涵盖了JavaScript事件处理、DOM操作、样式修改等多个方面，对于理解和使用JavaScript进行网页开发非常有帮助。
将name值一样的input值拼接起来
07-08
在网页开发中，我们经常遇到需要从HTML表单(form)中获取多个同名(name)的输入(input)元素的值，并将其拼接成一个字符串以便于传递到后台进行处理。这个过程通常通过JavaScript来实现，因为它提供了操作DOM和处理数据...
浏览器兼容页面开发注意事项(javascript篇)_101028分享.pdf
12-09
16. **document.getElementById和document.getElementsByName**：在处理多个同名元素时，`getElementsByName`在IE中会返回一个数组，而在其他浏览器中返回一个NodeList。 为了确保代码在各种浏览器中都能正常工作，...
Document 对象常用方法(getElementById、getElementsByName、getElementsByTagName....)
heitu_的博客
12-28 1万+
document对象常用的六种方法用法及注意点
document.getElementsByName()的用法
12-29
详细介绍并对比了document.getElementsByName()和document.getElementByNId()的用法，并进行了深入的比较，还有例子加以讲解说明。
Document:getElementsByName()用法及范例
AntonioChan's Java Technology
10-26 2757
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。 另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性
html中document.getElementsByName返回值问题
杨宇
08-01 7131
getElementsByName返回值虽然有length属性，但并非数组，在本质上它是一种集合，其类型为[object NodeList]；而真正的数组类型是[object Array]，我是用function isArr(o) { return Object.prototype.toString.apply(o) === '[object Array]'; } document.getEle...
利用document.getElementsByName获取相同名字的元素并取值
热门推荐
hwm的专栏
03-12 1万+
元素 var attList = document.getElementsByName("fujian_type"); //遍历取得的元素中的value for(var i=0;i alert(attList[i].value); }
JavaScript零基础入门 8：JavaScript通过document获取节点元素
学Java，找哪吒
12-25 5786
???? Java学习路线配套文章：Java学习路线总结，搬砖工逆袭Java架构师（全网最强） ???? 基础推荐：Java基础教程系列 ???? 实战推荐：Spring Boot基础教程 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? 目录一、document二、onload三、获取节点元素1、innerHTML2、getElemen
document.getElementsByName("name")获取元素的value值失败
weixin_30361753的博客
10-31 2554
document.getElementsByName("name").value;像这样是获取不到值的，弹出的消息是 underfined： 原因getElementById是element单数，getElementsByName是elements复数。 正确方法：var x=document.getElementsByName("name")[0].value;或者：var x=docume...
getElementsByName和getElementByID
akpaul6677的博客
03-28 161
以前经常使用document.getElementByID取得html里面ID标记的属性，昨天想当然使用 document.getElementByName（注意没有s），来获取name标记的属性，结果发现浏览器报错。查了查资料，才发现没有这个函数， 应该是getElementsByName。和document.getElementByID不同的是，前者返回的是一个name和ID的集...
使用 document.getElementsByName 获取下拉框选中的值
最新发布
07-14
如果您想使用 JavaScript 的 `document.getElementsByName` 方法获取下拉框选中的值，您可以尝试以下代码： ```javascript // 通过名称获取下拉框元素 var dropdownElements = document.getElementsByName("dropdown"); // 遍历元素列表 for (var i = 0; i < dropdownElements.length; i++) { var dropdownElement = dropdownElements[i]; // 检查下拉框是否被选中 if (dropdownElement.selected) { // 获取选中的值 var selectedValue = dropdownElement.value; console.log("当前选中的值为：" + selectedValue); } } ``` 上述代码中，我们首先使用 `getElementsByName` 方法通过名称获取下拉框元素。这个方法返回一个元素列表，因为可能存在多个同名的下拉框。 然后，我们遍历元素列表，并检查每个下拉框元素的 `selected` 属性是否为 `true`，以判断是否被选中。如果被选中，我们可以使用 `value` 属性获取选中的值。 最后，我们使用 `console.log` 输出当前选中的值。 请注意，这段代码在浏览器的开发者工具中执行，而不是在 Java 或其他编程语言中执行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值