按下按钮,文本框中的值增加

时间:2013-03-22 17:47:54

标签: javascript jquery asp.net html

因此,当页面加载时,文本框将包含一个存储的值。我希望用户按下“+”按钮,文本框中的值将增加1。我猜这是用JQuery完成的...到目前为止我在哪里开始的任何想法......

<input type="text" name="BoqTextBox" id="BoqTextBox" value="0" />  
    <input type="Button" value="+" onclick="AddOne(document.getElementById('BoqTextBox').value)" />

    <script>
        function Add(data) {
            //so the current digit is passed to here, where I need to do some funky code
            //where it increments the current digit by one and stores it in BoqTextBox - replacing the old digit.

            //Also to note if the text box contains 124.54 for example and + is pressed
            //then new value will be 125.54
        }
    </script>

对此的任何帮助都会很棒。

谢谢

...类似于data = data + 1,但是如何将值返回到文本框?

4 个答案:

答案 0 :(得分:6)

您可以使用jQuery的val()来获取和设置值。在这种情况下,您需要的代码可能如下所示(demo):

<input type="text" name="BoqTextBox" id="BoqTextBox" value="0" />
<input type="Button" id='AddButton' value="+" />
<script>
$('#AddButton').on('click', function () {
    var input = $('#BoqTextBox');
    input.val(parseFloat(input.val()) + 1);
})
</script>

答案 1 :(得分:2)

$('input[type="button"]').on('click', function() {  // bind click event to button
   $('#BoqTextBox').val(function() {      // change input value using callback
      return ++parseFloat( this.value, 10); // make value integer and increment 1
   })
});

答案 2 :(得分:1)

你是callin Addone函数内联,这意味着你的函数应该是AddOne()

试试这个

function AddOne(obj){
    var value=parseFloat(obj) + 1;
    $('#BoqTextBox').val(value);  
}

答案 3 :(得分:1)

 $("#buttonId").click(function()
 {        
    var txtBox = $("#boqtextbox"); 

    if(!isNaN(txtBox.val()))
    {
       txtBox.val(parsFloat(txtBox.val())+1) ;

    }else 
    {
       //do validation or set it to 0
       txtBox.val(0);
    }|

 });