如何用jquery获取所有input类型为text的内容

 时间:2024-10-12 05:45:11

1、新建一个html文件,命名为test.html,用于讲解如何用jquery获取所有input类型为text的内容。

如何用jquery获取所有input类型为text的内容

2、在test.html文件内,使用input标签创建三个type类型为text的输入框,并分别设置其默认值为aa,bb,cc。

如何用jquery获取所有input类型为text的内容

3、在test.html文件内,再使用input标签创建一个type类型为radio的单选项,选项为测试一,测试二。

如何用jquery获取所有input类型为text的内容

4、在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行getInp()函数。

如何用jquery获取所有input类型为text的内容

5、在js标签内,创建getInp()函数,在函数内,定义一个空数组arr,用于保存内容。再通过对象选择器input[t烤恤鹇灭ype="text"]获得input对象,使用each()方法遍历所有input对象,再通过val()获得input内容,把内容放进arr数组中。最后,使用alert()方法将内容输出。

如何用jquery获取所有input类型为text的内容

6、在浏览器打开test.html文件,点击按钮,查看结果。

如何用jquery获取所有input类型为text的内容
  • 如何用PHP往MySQL中插入数据
  • 动态改变div的颜色
  • 如何使用js向div追加html代码
  • eclipse怎么更改工作空间?
  • vscode 如何预览html文件
  • 热门搜索
    第一章奶好涨怎么办徐蓉蓉 微信怎么注册 腰围怎么量 鱼香茄子的家常做法 素炒油麦菜的做法 大盘鸡做法 宫外孕怎么治疗 勒怎么读 炖鸡的做法大全 饼干做法