根据name属性查找到相关的表单元素

最新推荐文章于 2022-08-24 09:47:40 发布
原创 最新推荐文章于 2022-08-24 09:47:40 发布 · 662 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript访问HTML表单中特定输入元素的方法。通过`document.a.b`可以直接获取名为'a'的表单内名为'b'的输入元素，并且此方法在不同浏览器间具有良好的兼容性。

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

html:

<form name="a">

    <input name="b"/>

</form>

js:

console.log(document.a.b);

结果：


兼容性：无兼容性问题

前提条件：必须是表单元素并且必须在form元素下

html 通过name选择器,用name方式获得选择器总结
weixin_28997071的博客
06-04 5901
摘要：DOM：Document Object Model，即文档对象模型。DOM指的是当前要操作的文档内容，在很多时候，我们需要获取文档中的元素，而使用DOM方法无疑会更规范且方便。在DOM中可以获取元素，主要有这五种常见的方法:1. 根据id选择元素;2. 根据name属性来获取元素DOM：Document Object Model，即文档对象模型。DOM指的是当前要操作的文...
关于FORM表单元素NAME和ID的获取问题
wuhu3691的专栏
04-22 7712
<br />我们经常会碰到这样的情况，<br /> <br /> <br /> <br /> 当我们选择了复选框时按钮才能点击，不然就是禁用，这是一个很觉的问题，但是里面包含了一个细节。<br />在实现这个功能的时候我们一般会使用javascript脚本，如：<br /><script language="javascript"><br /> if(document.getElementById("复选框ID").checked){<br />      document.getElementById("
jquery 表单元素查找
lxc914的专栏
07-27 252
l       问题 在一个表单中，我需要把同一行中的任意两个元素的值累加，并把累加的值赋值到第三个元素。   l       技术 jquery 中的parent([expr]) , parents([expr]), find([expr]),prev(),next() l       分析 看到这个问题，就会想到，首先要得要被赋值元素的位置，以它的坐标为起点，查找另...
html表单name id,jQuery根据表单name获取值的方法
weixin_34430580的博客
06-23 1135
本文实例讲述了jQuery根据表单name获取值的方法。分享给大家供大家参考，具体如下：根据name取值：$("input[name='mobile']").val()根据id取值:$("#mobile_reg_form").html()根据name取值遍历：$("input[name='mobile']").each(function(){alert($(this).val());})取出for...
form标签的name属性
weixin_54217534的博客
07-12 1821
表单中的 input 标签必须设置 name 属性，否则在提交表单时，用户在其中输入的数据不会被发送给服务器 结果如下: 说明:后面是?从路由来看后面是query参数，但现在后面为空，则是因为input中没有加name的原因 结果如下:总结:在form表单中，input中必须加name属性，则input输入的值才会被传递到参数中去...
通过name属性获取表单元素
m0_48332054的博客
08-31 628
日期：2020-08-31 $('#myForm input[name=id]').val() $('#myForm input[name=name]').val()
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
jQuery根据表单name获取值的方法
whulovely的博客
03-25 1万+
jQuery根据表单name获取值的方法： 根据name取值： $("input[name='mobile']").val() 根据id取值: $("#mobile_reg_form").html() 根据name取值遍历： $("input[name='mobile']").each( function(){ alert($(this).v
JavaScript中通过getElementsByName访问name集合对象
08-25 1万+
1、查找给定name属性的所有元素，这个方法将返回一个节点集合，也可以称为对象集合。   2、这个集合可以作为数组来对待，length属性的值表示集合的个数。   3、因为在html页面中，name不能唯一确定一个元素，所以方法的名称为getElementsByName而不是getElementByName 无标题文档
vue导入组件时根据组件name命名
fanshuwen_的博客
08-24 830
vue组件导入命名
HTML单选框多选框（根据name获取值和根据值显示结果）
waiwai4701
07-10 6710
/** * 根据name获取单选框的值 * @param name * @returns */ function getRadioByName(name){ return $('input:radio[name="'+name+'"]:checked').val(); } /** * 根据name获取多选框的值 * @param name * @returns {String}
html的name属性可以用来获取dom元素,表单提交数组name的写法
mzc186的博客
09-17 2428
以前获取dom元素基本都是通过js的document.getElementById()或者document.getElementByName等方法或者通过jQ的选择器来选择,但其实html的name属性也可以用来直接获取dom元素,代码如下所示:<!DOCTYPE html> <html> <head> <script> function check(){ listForm.sel.check
利用html的name属性获取dom元素
tyjlearning的博客
01-18 3879
function check(){  listForm.sel.checked=true; }  按下button键会使得form表单里的名为sel的checkbox被选中.
jquery检索name_jQuery根据name查找元素 | 夕辞
weixin_39847728的博客
12-21 1981
前端开发中，有时需要根据name来获取dom元素，在原生的JavaScript中，有专门的方法，如下：document.getElementsByName('元素name');在html中，name是可以重复的，例如radio按钮就是利用name相同来达到选择互斥的效果，因此是getElements，复数形式。在jQuery中，选择器并没有对name做专属处理，而是把他当做了dom元素的一个普通属...
form提交
iframe引用页面在父类页面调用函数只刷新子页面方法
01-03 417
form表单提交提交select标签值 "searchForm" action="${ctx}/basedata/cdlyUnitProductBom/unitlist" method="post" class="breadcrumb form-search"> "pageNo" name="pageNo" type="hidden" value="${page.pageN
jquery根据name取值
热门推荐
hezhoujun的专栏
05-10 19万+
根据name取值： $("input[name='mobile']").val() 根据id取值: $("#mobile_reg_form").html() 根据name取值了遍历： $("input[name='mobile']").each( function(){ alert($(this).val()); } ) 取出form中的input： $(document
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值