• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

jQuery匹配指定type类型input元素代码示例

jQuery 程序员 2年前 (2019-01-20) 129次浏览 已收录 0个评论

input元素因为type属性的原因分为很多类型,可能在实际应用中需要单独对某一类型的input元素进行匹配。

下面就通过代码实例介绍一下如何利用jQuery实现此功能。

代码实例如下:

上面的代码可以只获取type属性值为button的value属性值。

本文案例为大家展示了《jQuery匹配指定type类型input元素代码示例》的代码,若要看代码效果请大家点击“运行代码”按钮。

[code]<!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta name=”author” content=”http://www.gaodaima.com/&#8221; /> <title>jQuery匹配指定type类型input元素代码示例-搞代码gaodaima.com</title> <script src=”http://libs.baidu.com/jquery/1.9.0/jquery.js”></script> <script type=”text/javascript”> $(document).ready(function(){   var val=$(“input[type=button]”).val();   $(“#show”).text(val); }) </script> </head> <body> <input type=”text” value=”jQuery匹配指定type类型input元素代码示例-搞代码gaodaima.com”/><br/> <input type=”button” value=”查看效果”/><br/> <input type=”checkbox” value=”1″/> <div id=”show”></div> </body> </html>[/code]


喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址