我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JS如何获取多个同name的input输入框的值

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JS如何获取多个同name的input输入框的值

小编给大家分享一下JS如何获取多个同name的input输入框的值,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

html代码

<form id="login-form" method="post" onsubmit="return checkForm()">
 输入密码<input type="password" id="input-password">
 <input type="hidden" id="md5-password" name="password">
 <button type="submit">Submit</button>
</form>

js代码

function checkForm() {
 var input_pwd = document.getElementById('input-password');
 var md5_pwd = document.getElementById('md5-password');
 // 把用户输入的明文变为MD5:
 md5_pwd.value = toMD5(input_pwd.value);
 // 继续下一步:
 return true;
}

补充:JS获得多个同name 的input输入框的值

 起初是使用document.all.id.length获得输入框的个数,但时而正常,时而显示undefined,效果不是很好,网上信息说document.all不是兼容所有浏览器的,现在似乎是只支持IE。

解决方法是如下:

var els =document.getElementsByName("search");
for (var i = 0, j = els.length; i < j; i++){
alert(els[i].value);
}

看完了这篇文章,相信你对“JS如何获取多个同name的input输入框的值”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网行业资讯频道,感谢各位的阅读!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JS如何获取多个同name的input输入框的值

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

使用react怎么获取input输入框的值

本篇文章给大家分享的是有关使用react怎么获取input输入框的值,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。react 获取input 输入框的值的多种方式第一种方式 非
2023-06-14

在 Java 中如何有效地获取输入的值?(java如何获取输入的值)

在Java编程中,获取输入的值是一个常见且重要的任务。无论是从用户输入、文件读取还是其他数据源获取数据,Java提供了多种方式来实现。以下是详细的步骤和示例代码,帮助你在Java中获取输入的值。一、从命令行获取输入在
在 Java 中如何有效地获取输入的值?(java如何获取输入的值)
Java2024-12-20

jQuery如何获取表单输入的值?

使用jQuery获取表单输入的值jQuery提供了多种方法来获取表单输入的值,包括val(),attr(),prop(),serialize()和each()方法。val()方法适用于获取或设置单个输入值。attr()和prop()方法可获取或设置元素属性,包括值属性。serialize()方法将表单字段序列化为字符串,用于提交表单或发送到服务器。each()方法迭代表单中所有输入元素,并获取每个元素的值。最佳实践包括:使用val()方法获取单个值,serialize()方法获取所有值,each()方法迭
jQuery如何获取表单输入的值?
2024-04-08

js如何获取下拉框被选中的值

在JavaScript中,可以使用以下方法来获取下拉框被选中的值:1. 通过id属性获取下拉框元素的引用,然后使用`value`属性获取选中的值。```javascriptvar select = document.getElementBy
2023-08-08

android studio如何获取输入框的内容

要获取Android Studio中输入框的内容,可以按照以下步骤进行操作:1. 在布局文件中定义一个EditText控件,例如:```android:id="@+id/editText"android:layout_width="matc
2023-09-21

php如何获取两个数组的不同的值

本篇内容主要讲解“php如何获取两个数组的不同的值”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php如何获取两个数组的不同的值”吧!php获取两个数组不同值的方法:1、创建一个PHP示例文件;
2023-06-25

如何从单个查询中获取多个 MySQL 表的输出?

我们知道一个查询可以有多个 MySQL 语句,后跟一个分号。假设如果我们想从多个表中获取结果,请考虑以下示例,通过编写单个查询从“Student_info”和“Student_detail”获取结果集 -mysql> Select Name
2023-10-22

React-Native之TextInput组件的设置以及如何获取输入框的内容

这篇文章主要介绍了React-Native之TextInput组件的设置以及如何获取输入框的内容问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2023-05-19

js数组对象里面如何获取某个属性值相等的对象

这篇文章主要介绍了js数组对象里面如何获取某个属性值相等的对象问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2023-05-16

我们如何组合 MySQL 表的两列或多列的值并在单个列中获取该值?

为了合并两列或多列的值,我们可以使用 MySQL CONCAT() 函数。在这种情况下,CONCAT() 函数的参数将是列的名称。例如,假设我们有一个名为“学生”的表,并且我们希望学生的姓名和地址集中在一列中,那么可以编写以下查询 -mys
2023-10-22

编程热搜

目录