如何获取用户输入？点击测试按钮未正确获取输入数值问题求助

你这问题一眼就能看明白啦——你代码里取错对象啦！现在点击按钮后弹出"Test"，是因为你写的alert($('#getNumber').val());是在拿按钮自身的value值，而不是输入框里用户输入的数字。#getNumber是按钮的ID，自然返回的是按钮上的文本"Test"咯。

咱们来改一下代码，把获取值的目标换成输入框的ID#input1就行，还可以加个简单的判断优化体验：

$(document).ready(function() {
  $('#getNumber').click(function(event) {
    // 获取输入框中用户输入的内容
    const userInput = $('#input1').val();
    // 判断是否有输入，避免空弹窗
    if (userInput) {
      alert(userInput);
    } else {
      alert('请先输入数字哦！');
    }
  });
});

这样点击按钮时，就会准确获取输入框里的数字啦，如果用户啥都没输就点按钮，还会友好提示一下~

内容的提问来源于stack exchange，提问作者Issa Daniel