javascript - JQuery:尝试在单击按钮时将数字附加到文本区域

Question

我在使用某个按钮将数据附加到 HTML 文本区域时遇到问题。有问题的按钮是“BPI”。我正在尝试将 pi 的几位数字附加到我的第一个文本区域。其他 4 个按钮在第二个文本区域内操作。预先感谢您的帮助。

$(document).ready(function() {
  $('#BAddition').click(function(e) {
    $('#TOperator').val() += "+";

  })

  $('#BSubtract').click(function(e) {
    $('#TOperator').val() += "-";
  })

  $('#BMultiplication').click(function(e) {
    $('#TOperator').val() += "*";
  })

  $('#BDivision').click(function(e) {
    $('#TOperator').val() += "/";
  })

  $('#BPI').click(function(e) {
    $('#TFirstnum').val() += "3.141592657";
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Input:<br>
<textarea id="TFirstnum"></textarea>
<textarea id="TOperator"></textarea>
<textarea id="TSecondnum"></textarea>
<label id="LEquals"></label>
<br>
<button type="button" onclick="" id="BAddition">+</button>
<button type="button" onclick="" id="BSubtract">-</button>
<button type="button" onclick="" id="BDivision">/</button>
<button type="button" onclick="" id="BMultiplication">*</button>
<button type="button" onclick="" id="BPI">&#960;</button>
<button type="button" onclick="" id="BEquals">=</button>

Answer 1

如果您想添加值，请使用$(yourObject).val("yourvalue")

如果您想向现有值添加值，请使用$(yourObject).val($(yourObject).val() + "yourvalue")

下面的工作示例

$(document).ready(function() {
  $('#BAddition').click(function(e) {
    $('#TOperator').val($('#TOperator').val() + "+");

  })

  $('#BSubtract').click(function(e) {
    $('#TOperator').val($('#TOperator').val() + "-");
  })

  $('#BMultiplication').click(function(e) {
    $('#TOperator').val($('#TOperator').val() + "*");
  })

  $('#BDivision').click(function(e) {
    $('#TOperator').val($('#TOperator').val() + "/");
  })

  $('#BPI').click(function(e) {

    $('#TOperator').val($('#TOperator').val() + "3.141592657");
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Input:<br>
<textarea id="TFirstnum"></textarea>
<textarea id="TOperator"></textarea>
<textarea id="TSecondnum"></textarea>
<label id="LEquals"></label>
<br>
<button type="button" onclick="" id="BAddition">+</button>
<button type="button" onclick="" id="BSubtract">-</button>
<button type="button" onclick="" id="BDivision">/</button>
<button type="button" onclick="" id="BMultiplication">*</button>
<button type="button" onclick="" id="BPI">&#960;</button>
<button type="button" onclick="" id="BEquals">=</button>