html 点击按钮获取input文本框里面的值

如题所述

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

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

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个回答  推荐于2017-09-05
<input type="text" id="input1" />
<input type="button" onclick="javascript:alert(document.getElementById('input1').value);" value="点我" />本回答被提问者采纳
第2个回答  2022-01-08
非常简单
代码:
<!DOCTYPE html>
<html>
<body>
<head>
<title>示例</title>
<meta name="viewport" content="initial-scale=1.0">
</head>
<input id="a"/>
<button onclick="listen()">点击获取当前内容</button>
<script>
function listen(){
{
{
alert("当前输入的内容:"+a.value);
}
}
}
</script>
</body>
</html>
相似回答