如何用js或者jquery获取input框里面的值

作者:风筝 | 创建时间: 2023-03-20
处理表单的时候通常会通过获取input中的值来进行比较判断,或者赋值,对于前端的验证用到比较多,那么怎么获取input中的值呢?...
如何用js或者jquery获取input框里面的值

通过js来获取input的值的准备工作

首先建立一个静态页面命名为getvalue.html,标题为“如何用js或者jquery获取input框里面的值”。

建立一个form name为"form1",并添加input type为“text”  ,name为"mycontent" , id为"mycontentid"

加一个button点击的时候触发click 时间来显示input中的值

在button中添加click事件 并建立方法fungetvalue()

通过js获取input值

在fungetvalue() 中加入document.form1.mycontent.value,并用alert提示,如果点击按钮能够输出 input中的值就说明获取到了

通过getElementById("mycontentid")的方法来获取input值

通过jquery来获取值

在静态页面中引入jquery库,jquery.min.js

在函数中加入获取input值的代码

温馨提示

通过id获取值注意getElementById 的大小写
$("#mycontentid") #后加的是input的 id
jquery获取值用val()
点击展开全文

更多推荐