jQuery .val（）不更改输入文本字段

Question

我已经查看了堆栈溢出的其他相关帖子，但仍然无法使其工作。

应该很简单。

我有这个jQuery和HTML代码：

＆＃13;

＆＃13;

$('.add-headset').click(function() {
  if ($(this).text() == 'ADD') {
    $(this).text('REMOVE');
    $('.buy-headset').val('hiii');
  } else {
    $(this).text('ADD');
    $('.buy-headset').val(0);
  }

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="add-headset">ADD</div>
<input type="text" name="buy_headset" class="buy-headset" value="0" hidden />

＆＃13;

＆＃13;

＆＃13;

文本在ADD和Remove之间更改为fine，但输入字段的值不会更改。我不明白，因为我在下面使用不同的元素做同样的事情，这很好。

有什么想法吗？

Answer 1

输入的值是更改：

可能让您感到困惑的是，value 属性并未发生变化，这就是它应该采用的方式。该属性包含控件的初始值，不一定是其当前值。