Question

我有这个HTML代码

<html> 
  <head> 
    <title>JQuery Problem 2</title> 
    <script type="text/javascript" src="jquery-1.4.min.js"></script> 
    <script type="text/javascript" src="problem2.js"></script> 
  </head> 
  <body> 
    <div id="game"> 
      <form onsubmit="return false"> 
        <p> 
          Guess:
          <input type="text"/> 
          <input type="submit" value="Go"/> 
        </p> 
        <p> 
          <strong>Number of guesses:</strong> 
          <span>0</span> 
        </p> 
        <p> 
          <strong>Last guess:</strong> 
          <span>None</span> 
        </p> 
        <table border="1" cellpadding="4" cellspacing="1" style="width: 400px"> 
          <tr> 
            <th>Guess</th> 
            <th>Result</th> 
          </tr> 
        </table> 
      </form> 
    </div> 
  </body> 
</html>

当用户输入他的值时，我想要检索他们在文本框中输入的数值，使用jQuery，我将如何去做？

Answer 1

您可以使用:text选择器选中复选框，但我建议您根据需要使用ID或类。

可以使用val()获取文本框的值。

例如，此函数侦听所有文本框上的更改事件并提醒新值：

$(":text").change(function() {
  alert($(this).val());
});

Answer 2

首先，我要在输入中添加类或ID。一旦你这样做，你可以很容易地检索它：

var value = $('.yourClass').val();

或者如果你给它一个ID：

var value = $('#yourID').val();

Answer 3

对于页面中的唯一控件，分配ID是一种很好的做法。对于表格列表等循环元素，使用位置选择器更好。

用jQuery获取文本框的值

3 个答案: