count value input field when click on a value jquery javascript

Question

i have a input field and links with values. when click on a link the value go to the input field. when clicking a other link the value is not count with the value that already is in the input field. example:

<form name="odenen_form">
<input type="text"     
class="input_text"name="odenen_miktar"id="odenen_miktar"    
style="position:absolute;left:100px;top:50px;width:200px">
</form>

<a onClick="document.odenen_form.odenen_miktar.value+='10'">10</a>
<a onClick="document.odenen_form.odenen_miktar.value+='20'">20</a>

Now when i click on the first link the input field shows me 10 when i click again on the first link the input field shows 1010

Wat i want is 20 as result

tymeJV · Accepted Answer · 2013-12-30 14:36:57Z

1

You're doing string concatenation rather than math. "10" is not the same as 10 -- also, parse your input!

<a onClick=" parseInt(document.odenen_form.odenen_miktar.value) += 10 ">10</a>

answered Dec 30, 2013 at 14:36

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Yunus Over a year ago

This works thanms but and when i use 10.99 is not working shows only 10

tymeJV Over a year ago

Use parseDouble for doubles!

Milanzor · Accepted Answer · 2013-12-30 14:43:30Z

0

Seeing as you tagged jQuery, here is a nicely formatted jQuery example:

http://jsfiddle.net/Milanzor/gZ7ZG/

<form name="odenen_form">
<input type="text"     
class="input_text"name="odenen_miktar"id="odenen_miktar"    
    style="position:absolute;left:100px;top:50px;width:200px" />
</form>

<a>10</a>
<a>20</a>

$(document).ready(function(){
    $("a").click(function(e){
        e.preventDefault();

        //The value to add: parseInt is what you want
        var toAdd = parseInt($(this).text());

        //The current value
        var currentVal = $("#odenen_miktar").val();

        //Check if its not empty or if its not a number
        if(currentVal == '' || parseInt(currentVal) == 'NaN'){
         var currentNumber = 0;   
        }else{
         var currentNumber = parseInt($("#odenen_miktar").val());
        }

        //The new value
        var newValue = toAdd + currentNumber;

        //Put the new value in the input field
        $("#odenen_miktar").val(newValue);

    });

});

answered Dec 30, 2013 at 14:43

Milanzor

1,92014 silver badges22 bronze badges

1 Comment

Yunus Over a year ago

when i use parseFloat its only count before the point. example 10.99 + 10.01 = 20.99 and not 21

Pranav C Balan · Accepted Answer · 2013-12-30 14:47:19Z

0

Try this,

<form name="odenen_form">
    <input type="text" class="input_text"name="odenen_miktar"id="odenen_miktar" style="position:absolute;left:100px;top:50px;width:200px"/>
</form>

<a onClick="var a=document.odenen_form.odenen_miktar;a.value=a.value?parseInt(a.value)+10:10">10</a>
<a onClick="var a=document.odenen_form.odenen_miktar;a.value=a.value?parseInt(a.value)+20:20">20</a>

FIDDLE DEMO

answered Dec 30, 2013 at 14:47

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

Collectives™ on Stack Overflow

count value input field when click on a value jquery javascript

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related