怎样获得html文本框里的值

怎样获得html文本框里的值,第1张

//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

可以使用输入框的val()方法来获取input的值,给按钮绑定点击事件触发d出该输入框的值。

工具原料:编辑器、浏览器

1、解决的思路就是给一个按钮绑定点击事件,然后参数该输入框的值,代码如下:

<html>

<head>

<script type="text/javascript" src="libs/jquery/2.1.4/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("button").click(function(){

    alert($(":text").val())

  })

})

</script>

</head>

<body>

<p>Name: <input type="text" name="user" value="" /></p>

<button>改变文本域的值</button>

</body>

</html>

2、运行的结果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7221195.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存