1、可以使用Jquery获取input框的值，新建Html文件，初始化文档，可以从CDN引入Jquery文件，也可以下载Jquery文件到本地，这里选择将其下载到本地：
2、在文件内创建“<input>”标签，并设置一个默认的“value”值：
3、在底部编写Jquery获取input值的编码，，这里使用Jquery的val函数获取input的值：
4、保存文件，打开浏览器查看效果：
//html：
<input type="text" id="user"/>
<button onClick="beat()">login</button>
//js
function beat(){
//jQuery获取文本框的值
$("user").val()
window.alert(content.value)
//这个时候比较要用“==”
if(content.value=="admin"){
do...
//跳转页面
//方法1
window.location.href="new.html"
//方法2
window.navigate("new.html")
top.location='new.html'
}else{}
}
扩展资料
<input id="test" type="text" value="HTML5" />
<div id="btn">查看input的值</div>
<script>
var test = document.getElementById("test")
var btn = document.getElementById("btn")
btn.onclick = function(){alert(test.value)
}
</script>参考资料：百度百科 HTML
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>我是div</div>
<input type="text">
<a href="###">点击我获取所有标签里的值</a>
<script type="text/javascript">
var div = document.getElementsByTagName('div')[0],
input = document.getElementsByTagName('input')[0],
a = document.getElementsByTagName('a')[0]
a.onclick = function () {
alert('div里的值是：' + div.innerHTML + '\n' + 'input里的值是：' + input.value + '\n' + 'a标签里的值是：' + a.innerHTML)
}
</script>
</body>
</html>
一般来说，有起始和结束标签的（也就是双标签）获取其中的值都是用的innerHTML属性，单标签的获取其中的值都是用value属性的。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）