Question

我想要的是，用户将在第一个文本框中输入第一个数字，然后在第二个文本框中输入第二个数字。在用户按下求和按钮后，他将在求和按钮下的文本框中得到结果。这是我试图做的：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script     src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js">    </script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("#add").click(function(){
        $("#sub") = parseFloat($("#a").value) + parseFloat($("#b").value);
      })
    })
    </script>
  </head>
  <body>
    <form name="myform">
      <p>
        <input type="text" id="a">
        <input type="text" id="b">
      </p>

      <p>
        <input type="button" value = "+" id="add">
        <input type="text" id="sub">
      </p>
    </form>
  </body>
</html>

Answer 1

$("#sub") = parseFloat($("#a").val()) + parseFloat($("#b").val());

或

$("#sub") = parseFloat($("#a")[0].value) + parseFloat($("#b")[0].value);

Answer 2

您需要使用.val作为输入值，并将写入总和用于总输入

  $("#add").click(function(){
    $("#sub").val((parseFloat($("#a").val()) + parseFloat($("#b").val())));
  });

http://jsfiddle.net/7ak2e002/

Answer 3

更改

$("#sub") = parseFloat($("#a").value) + parseFloat($("#b").value);

到

$("#sub").val( parseFloat($("#a").val()) + parseFloat($("#b").val()) );

修改

$（＆＃34;＃sub＆＃34;），$（＆＃34;＃a＆＃34;）和$（＆＃34;＃b＆＃34;）是jQuery对象。由于它们表示输入对象，因此需要使用jQuery val（）方法来获取或设置其值。有关详情，请参阅此处：http://api.jquery.com/val/

另一方面，如果你想使用原生的Javascript＆＃34;值＆＃34;属性，它看起来像这样：

document.getElementById( "sub" ).value = ( parseFloat( document.getElementById( "a" ).value ) + parseFloat( document.getElementById( "b" ).value ) );

如何使用JQuery获得2个数字的总和

3 个答案: