Question

伙计我有输入文字，当我开始输入时，它会计算我使用的字母数量。但是当我清除输入值时，我无法更改字母计数器。我怎么才能得到它？提前致谢。 Jsfiddle

＆＃13;

function count_letter() {
  var len = $("#area").val().length;
  $('#counter').append(len);
}
  
$('#area').bind('keyup', function() {
  $('#counter').html('');
  count_letter();
});
  
$('#clear-value').click(function(){
  $("#area").val(" ");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="area"><br>
<div id="counter"></div><br>

<button id="clear-value">
Clear value
</button>

＆＃13;

Answer 1

在#clear-value事件处理程序中，添加：

$('#counter').empty();

将清除#counter元素。

＆＃13;

  function count_letter() {
    var len = $("#area").val().length;
    $('#counter').append(len);
  }

  $(function() {
    $('#area').bind('keyup', function() {
      $('#counter').html('');
      count_letter();
    });

    $('#clear-value').click(function(){
      $("#area").val("");
      $('#counter').empty(); //<<<-----
    });
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="area"><br>
<div id="counter"></div><br>

<button id="clear-value">
Clear value
</button>

＆＃13;

Answer 2

清除输入值时，只需调用count_letter函数：

$('#clear-value').click(function(){
    $("#area").val(" ");
    $('#counter').html('');
    count_letter();
});

Answer 3

点击清除值按钮清理您的计数器。见下面的行动： https://jsfiddle.net/28bs18gq/2/

function count_letter() {
    var len = $("#area").val().length;
    $('#counter').append(len);
    }

  $('#area').bind('keyup', function() {
    $('#counter').html('');
    count_letter();
  });

  $('#clear-value').click(function(){
  $("#area").val(" ");
    $('#counter').html('');
  });

如何更新附加值？

3 个答案: