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

 更新时间:2016年06月28日 10:06:34   投稿:jingxian  
下面小编就为大家带来一篇获取input标签的所有属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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标签的所有属性的方法全部内容了,希望大家多多支持脚本之家~

相关文章

  • JS日期格式化之javascript Date format

    JS日期格式化之javascript Date format

    这篇文章主要介绍了JS日期格式化之javascript Date format的相关资料,需要的朋友可以参考下
    2015-10-10
  • js弹窗返回值详解(window.open方式)

    js弹窗返回值详解(window.open方式)

    本篇文章主要介绍了js弹窗返回值(window.open方式)。需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • js实现input的赋值小结

    js实现input的赋值小结

    这篇文章主要介绍了js实现input的赋值问题小结,在实际的开发中,为了页面的美观,可能用到一些框架,比如EasyUI框架,文中介绍了easyui的input框赋值代码,感兴趣的朋友一起看看吧
    2023-12-12
  • tablesorter.js表格排序使用方法(支持中文排序)

    tablesorter.js表格排序使用方法(支持中文排序)

    这篇文章主要为大家详细介绍了tablesorter.js表格排序使用方法,支持中文排序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript canvas实现带有阴影的图形和文字

    JavaScript canvas实现带有阴影的图形和文字

    这篇文章主要为大家详细介绍了JavaScript canvas实现带有阴影的图形和文字,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 微信小程序使用 official-account 组件实现一键跳转公众号

    微信小程序使用 official-account 组件实现一键跳转公众号

    本文详细介绍了如何在微信小程序中实现一键跳转到公众号的功能,包括准备工作、使用`<official-account>`组件实现跳转、关联小程序与公众号的方法,以及常见错误及解决方案,通过本文的指导,开发者可以顺利实现这一功能,提升用户体验
    2024-11-11
  • JS日期转化指定格式及获取月/周日期区间的方法

    JS日期转化指定格式及获取月/周日期区间的方法

    本文详细介绍了JavaScript中Date类型的处理方法,包括日期的格式转换和获取特定月份或周的日期区间,本文介绍JS日期转化指定格式及获取月/周日期区间的方法,感兴趣的朋友跟随小编一起看看吧
    2024-09-09
  • Javascript中实现trim()函数的两种方法

    Javascript中实现trim()函数的两种方法

    这篇文章主要介绍了Javascript中实现trim()函数的两种方法,本文直接给出实现代码和使用方法,需要的朋友可以参考下
    2015-02-02
  • 微信小程序上传图片实例

    微信小程序上传图片实例

    这篇文章主要为大家详细介绍了微信小程序上传图片实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • JS中字符串切割为数组/数组拼接为字符串的代码例子

    JS中字符串切割为数组/数组拼接为字符串的代码例子

    这篇文章主要给大家介绍了关于JS中字符串切割为数组/数组拼接为字符串的相关资料,数组是JavaScript中最强大的数据结构,我们常常通过将字符串转换为数组来解决许多算法,需要的朋友可以参考下
    2023-09-09

最新评论