获取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 相关文章推荐
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
Aug 02 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
Mar 08 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
May 16 Javascript
mac上配置Android环境变量的方法
Jul 08 Javascript
微信小程序Getuserinfo解决方案图解
Aug 24 Javascript
angular ng-model 无法获取值的处理方法
Oct 02 Javascript
解决vue-router 二级导航默认选中某一选项的问题
Nov 01 Javascript
vue中keep-alive,include的缓存问题
Nov 26 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迭代器的内部执行过程详解
2013/11/12 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
php实现的通用图片处理类
2015/03/24 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
PHP读取word文档的方法分析【基于COM组件】
2017/08/01 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
2017/03/10 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
利用Python实现简单的相似图片搜索的教程
2015/04/23 Python
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
Python 元组拆包示例(Tuple Unpacking)
2019/12/24 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
深入理解HTML的FormData对象
2016/05/17 HTML / CSS
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
日期和时间问题
2015/01/04 面试题
酒店办公室文员岗位职责
2013/12/18 职场文书
迟到检讨书大全
2014/01/25 职场文书
《金色的脚印》教后反思
2014/04/23 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
2014年物业公司工作总结
2014/11/22 职场文书
css3新特性的应用示例分析
2022/03/16 HTML / CSS