输入值改变div的显示

Question

我正在尝试在输入上的X值之后使div消失，我可以在单击div时使值更改，但div我想隐藏，不隐藏..看起来它没有更改输入值时不会更新。

$("#ticket-plus").on('click', function() {
  $("#naenae").val( +$("#naenae").val() + 5 );
});

if ($("#naenae").val() == 10) {
  $("#badge-one > div").hide();
}

Answer 1

在添加值

之前使用parseInt(

$("#ticket-plus").on('click', function() {
 $("#naenae").val( parseInt($("#naenae").val()) + 5 );
 });

Answer 2

您可以尝试使用keyup()或keydown()事件：

$("#naenae").keyup(function() {
    if ($("#naenae").val() == 10) {
        $("#badge-one > div").hide();
    }
});

Answer 3

HTML

<input type="text"/>
<div>Hide me</div>

的jQuery

$('input').val(0);

$('input').on('click',function() {
   var $input = $(this);
   $input.val(parseInt($input.val()) + 5); 

    if($input.val() == 10) {
         $('div').hide();   
    } else {
         $('div').show();   
    }
});

Fiddle

Answer 4

$("#ticket-plus").on('click', function() {
  $("#naenae").val( +$("#naenae").val() + 5 );
if ($("#naenae").val() == 10) {
  $("#badge-one > div").hide();
}
});