获取input标签的所有属性的方法


Posted in Javascript onJune 28, 2016

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 name="n4" type="text" />
</form>


<script>
window.onload = function(){
  var inputs = document.form1.getElementsByTagName("input");
  for(var i = 0; i < inputs.length; i++) {
    inputs[i].onclick = function(){
      alert(this.name);
    };
  }
};

</script>
 </body>
</html>

以上就是小编为大家带来的获取input标签的所有属性的方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
通过length属性判断jquery对象是否存在
Oct 18 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
Mar 22 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
理解JavaScript表单的基础知识
Jan 25 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
用file标签实现多图文件上传预览
Feb 14 Javascript
JavaScript中无法通过div.style.left获取值的解决方法
Feb 19 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
JavaScript ES6的新特性使用新方法定义Class
Jun 28 #Javascript
javascript 常用验证函数总结
Jun 28 #Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 #Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 #Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 #Javascript
jQuery 调用WebService 实例讲解
Jun 28 #Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 #Javascript
You might like
php截取后台登陆密码的代码
2012/05/05 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
Javascript实现的分页函数
2006/12/22 Javascript
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
js的with语句使用方法
2007/09/21 Javascript
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
document.all的一个比较完整的总结及案例
2013/01/31 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
实例详解jQuery表单验证插件validate
2016/01/18 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
Javascript基于OOP实实现探测器功能代码实例
2020/08/26 Javascript
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
在Python中使用HTML模版的教程
2015/04/29 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
2016/04/24 Python
利用Python命令行传递实例化对象的方法
2016/11/02 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
python框架中flask知识点总结
2018/08/17 Python
PyQt5笔记之弹出窗口大全
2019/06/20 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
python路径的写法及目录的获取方式
2019/12/26 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
深入浅析CSS3中的Flex布局整理
2020/04/27 HTML / CSS
党员对照检查材料
2014/09/22 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
房租涨价通知
2015/04/23 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
mysql数据库实现设置字段长度
2022/06/10 MySQL
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript