获取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获得页面元素的坐标值实现思路及代码
Apr 15 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
Sep 08 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
js中split()方法得到的数组长度问题
Jul 19 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
详解实现一个通用的“划词高亮”在线笔记功能
Apr 23 Javascript
javascript中this的用法实践分析
Jul 29 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 调试利器debug_print_backtrace()
2012/07/23 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
php实现的DateDiff和DateAdd时间函数代码分享
2014/08/16 PHP
一个实用的php验证码类
2017/07/06 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
PHP中md5()函数的用法讲解
2019/03/30 PHP
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
node.js中的fs.exists方法使用说明
2014/12/17 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
Seajs是什么及sea.js 由来,特点以及优势
2016/10/13 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
旺旺在线客服代码 旺旺客服代码生成器
2018/01/09 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
python编程嵌套函数实例代码
2018/02/11 Python
python调用外部程序的实操步骤
2019/03/04 Python
django 实现将本地图片存入数据库,并能显示在web上的示例
2019/08/07 Python
浅析Django中关于session的使用
2019/12/30 Python
Python print不能立即打印的解决方式
2020/02/19 Python
pycharm2020.1.2永久破解激活教程,实测有效
2020/10/29 Python
单身旅行者的单身假期:Just You
2018/04/08 全球购物
社区党员先进事迹
2014/01/22 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
数学教师个人工作总结
2015/02/06 职场文书
2015年财政所工作总结
2015/04/25 职场文书
书法社团活动总结
2015/05/07 职场文书
小学作文之描写天气
2019/08/15 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技