如何添加"例外"或"条件"在这段代码中(javascript,jquery)?

时间:2016-09-09 22:14:23

标签: javascript jquery

我想在此代码中添加例外或条件。

var a = 0;
    $(document).ready(function() {
            $(document).on("change", "#txtInput" ,function(){
            $("#contenido").append("<tr><td>"+$("#txtInput").val()+"</td></tr>");
                a += 1;
                var str = 'Total Bianuales: '
                $('p').html(str + a);
              }
           )

    });

这就是它的工作原理:我得到一个ID为txtInput的值。我在我的代码中得到了关于此ID的一些条件,但我想在它创建的表中添加值时应用它。我如何制作一个条件,只有当txtInput为主要或等于9时才附加我得到的值?

无论如何,谢谢你的帮助!

2 个答案:

答案 0 :(得分:1)

var a = 0;
$(document).ready(function() {
  $(document).on("change", "#txtInput" ,function(){
    var textinput = parseInt($(this).val());
    if (textinput > 8) {
      $("#contenido").append("<tr><td>"+$(this).val()+"</td></tr>");
      a += 1;
      var str = 'Total Bianuales: '
      $('p').html(str + a);
    }}
  );
});

答案 1 :(得分:1)

请记住,当输入失去焦点时,更改会触发,因此您需要单击控件以使其触发。如果您希望在每次击键时触发它,那么您需要输入事件。

&#13;
&#13;
var a = 0;
$(document).on("change", "#txtInput",function(){
  var inputLength = this.value.length;
  if (inputLength <= 8) { return; }

  $("#contenido").append("<tr><td>" + this.value + "</td></tr>");
  $("p").html('Total Bianuales: ' + (++a));
});
&#13;
<input id="txtInput" />
<table id="contenido"></table>
<p></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;