Javascript - 获取输入 onclick 的更改值

标签 javascript jquery html

<分区>

我在 td 中有一个空输入,我想获取用户在单击按钮时输入的值。这是代码

function change(){
  //alert changed value of x
}
<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

<body>
	<table>
		
		<tr>
			<td>Length:</td></tr><tr><td> <input type=number name="x" id="x"></td>
		</tr>
    </table>
	<button id="button" onclick="change()"></button><br>
  
</body>
</html>

最佳答案

将函数 change() 放入 ready 函数中,并使用输入 x 的 id 获取值:

$('#x').val()

希望这对您有所帮助。


$(function(){
     function change(){
          alert( $('#x').val() );
     }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>

  <tr>
    <td>Length:</td></tr><tr><td> <input type=number name="x" id="x"></td>
  </tr>
</table>
<button id="button" onclick="change()">Get value</button><br>

关于Javascript - 获取输入 onclick 的更改值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33904758/

相关文章:

html - jQuery 克隆 html,更新 DOM?

php - 如何在 PHP 中获取网页的 HTML 代码?

html - 如何与 li last-child 在同一行中创建水平线

javascript - Selenium 禁用位置固定内容在拍摄整个网页屏幕截图时删除重复数据

javascript - 在 Chrome 中通过 XHR 上传 HTML5 失败

javascript - 延迟解析后调用的函数范围

javascript - 使用复选框和 list.js 应用多个过滤器

javascript - Highcharts 不遵循标签格式

javascript - 单击其他折线时如何停止将 geojson 折线描边颜色更改为默认值?

javascript - 如何创建每个人都认识邻居的 "grid"布局?