如何获取Input标签自定义属性的值

最新推荐文章于 2025-09-30 08:44:25 发布
原创 最新推荐文章于 2025-09-30 08:44:25 发布 · 7.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用原生JS和jQuery获取HTML中Input标签的自定义属性值，通过实例展示了具体的代码实现。

如何获取Input标签自定义属性的值

<input type="text" id="aaa" data="666" />   

要获取id为aaa的自定义data值

原生js方式：  

var data = document.getElementById("aaa").getAttribute("data");


jquery方式：var data = $("#aaa").attr("data")；

https://jingyan.baidu.com/article/fec7a1e5a2b3c61191b4e762.html

DOM（一）：获取页面元素、操作元素、自定义属性
weixin_53912712的博客
12-23 2146
获取页面元素、操作元素
JS和jQuery通过this获取html标签中的属性值(实例代码)
10-19
本文将探讨如何通过 `this` 关键字来获取 HTML 标签中的属性值，提供实例代码供读者参考。 首先，我们来看 `this` 在 JavaScript 中的作用。在事件处理函数中，`this` 指向触发该事件的元素。因此，当我们把一个...
获取input标签的所有属性的方法
01-21
1.用jquery $(“input[name=’btnAdd’]”).attr(“value”)   获取value属性值，其它属性换attr的参数就OK 2.通过点来获取： <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <title>Document</title> </head> <body> <form id=form1 name=form1> <input name=n1 type=text /> <input name=n3 type=text /> <input
获取input属性值
山河野
05-25 483
$(":input[mappingfield=copies]").val() $(“textarea[mappingfield=‘copy_to’]”).val()
JavaScript 获取 input 输入框内容的几种方法
最新发布
likuoelie的博客
09-30 1094
本文介绍了JavaScript中获取input输入框内容的5种方法：(1)通过原生value属性直接获取；(2)使用input/change事件监听实时获取；(3)通过querySelector选择器灵活获取；(4)利用FormData批量处理表单输入；(5)使用jQuery的val()方法简化操作。文章包含详细代码示例，并比较了各方法的优缺点，适用于不同场景下的输入框值获取需求。
获取input自定义属性
peijiajing的博客
07-29 960
<input class='checkboxClick' type="checkbox" data-fee ="150" /> //获取input自定义属性 var data = document.getElementsByClassName("checkboxClick")[i].getAttribute('data-fee'); <input c.
js获取/设置input值
qq_34599639的博客
09-26 4607
js/jq 操作input
jquery遍历标签中自定义的属性方法
10-21
例如，我们可以使用`$("input[name^='clssId']")`来获取所有`name`属性值以`'clssId'`开头的输入框元素，并获取它们的值： ```javascript $("input[name^='clssId']").val(); ``` 同样，如果要查找`id`属性有一定...
JQuery中根据属性或属性值获得元素(6种情况获取方法)
12-03
根据属性值获得元素 1.$。在jQuery 中$(“”)，这个语法等同于$(document.createElement(“span”)) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。...
angularjs自定义ng-model标签的属性
12-28
有的时候我们需要为非input类型的元素添加ng-model来实现双向的数据绑定，从而减少冗余代码，那么可以尝试一下的方式 例如：我页面中使用了contenteditable这个属性来实现用户可直接编译的div元素 html： <...
获取input标签的所有属性
weixin_33686714的博客
06-28 572
1.用jquery$("input[name='btnAdd']").attr("value") 获取value属性值，其它属性换attr的参数就OK 例1： <!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document<...
获取Input标签自定义属性的值
Phoenix_smf的博客
01-15 2457
转载自：https://www.cnblogs.com/orac/p/6018529.html HTML代码： JavaScript代码： 因为busCode不是input标签原生的属性，所以不能使用”点”操作。 非标准属性，要用：obj.getAttribute(“busCode”);的方式。 错误的用法：var data = obj.busCode; var data = do
JS中获取和设置input的值
校尉的博客
09-28 3352
span style="font-size:18px;">>   html lang="en">    head>     meta charset="UTF-8">     title>Documenttitle>     script type="text/javascript" src="jquery.js">script>    head>    body>     获取和
原生js通过事件对象e获取Input自定义属性的值
qq_43574741的博客
07-20 1520
mydata为自定义属性，watch_num_1为触发的函数 <input type = "text" v-model = "num_1" mydata=10086 @input="watch_num_1"/> watch_num_1(e){ console.log(e); console.log(e.target.getAttribute('mydata')); 控制台输出： 自定义属性就在： e.target.getAttribute('自定义属性名'); ..
如何获取input自定义属性
weixin_30410999的博客
09-25 322
javascript方法： <input type="checkbox" name="sdf" data="这是自定义属性" /> 因为data不是input标签原生的属性，所以不能使用"点"操作。 非标准属性，要用：obj.getAttribute("data");的方式。 错误的用法：var data = obj.data; 删除自定义属性： ...
input 自定义属性data-XXX 获取
热门推荐
qianling12的博客
09-06 1万+
input 自定义属性 data-order js获取：document.getElementsByName(“appScene0”)[0].getAttribute(“data-order”) document.getElementsByName(“appScene0”)[0].dataset.order //比getAttribute慢 jquery获...
js对已经获取自定义属性值（布尔值）进行修改
05-10
用户提到他们想修改已获取的自定义属性值，并且这个值是布尔类型。根据引用中的内容，特别是引用[2]和引用[5]，布尔属性在HTML中通常表现为存在或不存在，比如disabled属性。不过用户这里讨论的是自定义属性，而不...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值