jquery点击事件获取另一个标签的值

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery点击事务获取另一个标签的值。

    9f2f070828381f3001d19bcda6014c086f06f08e.jpg
  2. 2

    在test.html文件内,在p标签内,利用input标签建立文本输入框,用于内容的输入。

    a5c27d1ed21b0ef4bad1893ad2c451da81cb3e9c.jpg
  3. 3

    在test.html文件内,设置input的id属性为mytest ,本家儿要用于下面经由过程该id获得input对象。

    267f9e2f07082838f8c5ca70b799a9014d08f18e.jpg
  4. 4

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“获得输入框的值”。

    d62a6059252dd42a372c10cf0c3b5bb5c9eab8a8.jpg
  5. 5

    在test.html文件中,给button按钮绑心猿意马onclick点击事务,当按钮被点击时,执行getvalue()函数。

    0ff41bd5ad6eddc4f5dea59f36dbb6fd5266339c.jpg
  6. 6

    在js标签内,建立getvalue()函数,在函数内,经由过程id(mytest)获得input对象,利用val()方式获得文本输入框的值,将值保留在res变量中,最后,利用alert()方式输出获得的值。

    ac6eddc451da81cb9fdf92a95d66d0160924319c.jpg
  7. 7

    在浏览器打开test.html文件,在输入框填写内容,点击按钮,查看获得的值。

    023b5bb5c9ea15ce13cbf16db9003af33a87b2a8.jpg
  • 发表于 2019-12-08 21:04
  • 阅读 ( 887 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具