如何向文本框添加值,而不是设置值

时间:2015-07-10 10:27:01

标签: jquery html css

我正在尝试创建一个计算器,从按钮​​1到9获取值。现在我想在文本框中添加一个值而不是设置它,就像我希望用户能够添加1然后5,总共15个。我怎样才能做到这一点?

.prop设置一个值,或.val以便其中一个值不在列表中。

<script>
jQuery(document).ready(function () {
    jQuery("#one").click(function () {
        jQuery("#entered").prop("value", "1");
    });

});
</script>

CSS部分:

<div>
    <button id="one">1</button>
    <button id="two">2</button>
    <button id="three">3</button>
    <button id="four">4</button>
    <button id="five">5</button>
    <button id="six">6</button>
    <button id="seven">7</button>
    <button id="eight">8</button>
    <button id="nine">9</button>
    <input type="text" id="entered" disabled="disabled"  />
</div>

2 个答案:

答案 0 :(得分:3)

更改

jQuery("#entered").prop("value", "1");

jQuery("#entered").val(jQuery("#entered").val() + "1");

这将使用新输入的1

概念旧的东西

这是完整的代码:

<div>
    <button id="one">1</button>
    <button id="two">2</button>
    <button id="three">3</button>
    <button id="four">4</button>
    <button id="five">5</button>
    <button id="six">6</button>
    <button id="seven">7</button>
    <button id="eight">8</button>
    <button id="nine">9</button>
    <input type="text" id="entered" disabled="disabled" value="" />
</div>

jQuery(document).ready(function () {
    jQuery("#one").click(function () {
        jQuery("#entered").val(jQuery("#entered").val() + "1");
    });

});

如果你想拥有一个功能:

 $.fn.appendVal = function (newPart) {
   return this.each(function(){ $(this).val( $(this).val() + newPart); });
 };

 $("#abc").appendVal("test");

https://jsfiddle.net/ffp19wze/这是一个有效的jsFiddle

答案 1 :(得分:2)

将您的jQuery更改为

#1

after_success:
  - # some deployment script
  on: prod

#2

branches:
  only:
    - prod
    after_success:
      - # some deployment script
#3

after_success:
  branches:
    only:
      - prod
  - # some deployment script