主页 / 问题 / 725668
Accepted
JohnTit
Asked:2020-10-02 17:47:29 +0000 UTC2020-10-02 17:47:29 +0000 UTC

侧键输入

  • 772

有一个带有输入的 HTML 代码，其中有数值，还有增加/减少按钮。如何使用 Jquery 在输入侧制作这些按钮？提前致谢。

<input type="number" 
class="input-text qty text" 
step="1" min="1" max="" 
name="quantity_12730" 
value="1" 
title="Кол-во" size="4" 
pattern="[0-9]*" inputmode="numeric">
html

1 个回答

  1. Best Answer

    作为一种选择：

    var count = $('input').val();

$('#left').click(function(){
   count--;
   $('input').val(count);
});

$('#right').click(function(){
   count++;
   $('input').val(count);
});
    div {
  display: inline-block;
  vertical-align: top;
}

#left, #right {
  cursor: pointer;
  font-weight: bold;
}

.wrapper {
  width: 50px;
  overflow: hidden;
}

input {
  width: 60px;
  outline: none;
  border: none;
  padding-left: 20px;
}
    <div id="left">
<
</div>
<div class="wrapper"><input type="number" 
class="input-text qty text" 
step="1" min="1" max="" 
name="quantity_12730" 
value="1" 
title="Кол-во" size="4" 
pattern="[0-9]*" inputmode="numeric"></div>
<div id="right">
>
</div>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

    • 0

相关问题