怎样获得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、运行的结果如下:

1.在head中引用jQuery:<script type="text/JavaScript" src="/js/jquery-1.7.1.min.js"></script>2.定义一个text输入框:<input type="text" value="" id="inputValue"/>3.在自定义函数中根据id获取此text的值:var temp = $('#inputValue').val()//获取值alert(temp)//显示4.将输入的 字符串根据 ","分割:var temp = $('#inputValue').val()var getStr = temp.split(",")5.定义一个对象,并打印输入这个对象的值:var jsonData = {}jsonData.MainCmdID = 9100//游戏消息 MDM_GF_GAMEjsonData.SubCmdID = 9012//用户出牌SUB_C_OUT_CART_WEBjsonData.ChairID = 0jsonData.CardCount = getStr.lengthjsonData.CardData = tempvar str = JSON.stringify(jsonData)alert(str)


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存