jQuery怎么获取td里面input的值
在jquery中，使用each()方法遍历所有td内input对象，通过val()方法便可以获得input的值。下面小编举例讲解jQuery怎么获取td里面input的值。
东西/原料
- html+jquery
- 代码编纂器：Dreamweaver CS5
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解jQuery怎么获取td里面input的值。
- 2
在test.html文件内，经由过程table标签建立一个表格，并在每个td单位格内，利用input标签建立一个输入框。
- 3
在test.html文件内，利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行getInp()函数。
- 4
在js标签中，建立getInp()函数，在函数内，界说一个空数组arr，用于保留表格中input框的值。
- 5
在函数内，经由过程获得input对象，利用each()方式遍历第一个input元素，经由过程val()方式获得input的值，并操纵push()方式将每一个input值存进数组arr内。最后，利用alert()方式输出input的值。
- 6
在浏览器打开test.html文件，点击按钮，查看成果。
END
总结：
- 1
1、经由过程table标签建立一个表格，并在每个td单位格内，利用input标签建立一个输入框。
2、在js中，经由过程获得input对象，利用each()方式遍历第一个input元素，经由过程val()方式获得input的值，并操纵push()方式将每一个input值存进数组arr内。最后，利用alert()方式输出input的值。
END
- 发表于 2020-06-12 19:00
- 阅读 ( 1551 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章