Javascript-获取onclick输入的更改值

Javascript - Get changed value of input onclick

本文关键字：输入 获取 onclick Javascript-      更新时间：2023-09-26

我在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()放入就绪函数中，并使用输入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>

这应该适用于您：

$(document).ready(function(){
  $("#button").click(function(){
    var inputVal = document.querySelectorAll('#x')[0].value;
    alert(inputVal);
  });
});

$（document）.ready（）函数让jQuery知道在加载DOM时开始执行匿名函数，并且$（"#button"）.calick（）告诉jQuery在单击按钮时开始执行该匿名函数。

您可以标记这个：

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
    <script>
        var data = {
            number: '0', //The initial value if no input or change
            set: function(val) {
                this.number = val;
            }
        };
        function message() {
            // Do smth else
            console.log(data.number);
        }
    </script>
    <table>
        <tr>
            <td>Length:</td></tr><tr><td> <input type=number name="x" onChange="data.set(this.value)"></td>
        </tr>
    </table>
    <button id="button" onclick="message()">Klick here</button><br>
</body>
</html>

我希望我能帮助你；）

假设您不想使用任何其他框架，并且希望在不需要自定义选择器的情况下重用此处理程序，那么您可以使用它。

 function change(event) {
    console.log(event.srcElement.value);//get the value of the element that triggered the event   
 }

不过，您需要传递"event"作为参数。

<input type="text" onclick="change(event)" />
相关文章：