在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文件,点击按钮,查看成果 。
文章插图
总结:11、经由过程table标签建立一个表格,并在每个td单位格内,利用input标签建立一个输入框 。
【jQuery怎么获取td里面input的值】2、在js中,经由过程获得input对象,利用each()方式遍历第一个input元素,经由过程val()方式获得input的值,并操纵push()方式将每一个input值存进数组arr内 。 最后,利用alert()方式输出input的值 。
以上内容就是jQuery怎么获取td里面input的值的内容啦,希望对你有所帮助哦!
推荐阅读
- 金鱼不吃食怎么回事
- 宝莲灯鱼怎么养
- 小兔猼怎么挑选
- 前挡玻璃内侧怎么擦才干净
- 考试成绩总结怎么写?
- 怎么鉴定辨别天梭手表真假
- 汽车首保过期了怎么办
- 新车上牌 新车怎样上牌
- 鱼缸潜水泵怎么用?
- 鉴别匡威鞋子正品的方法