jqueyでのリアルタイム計算について

http://h2ham.seesaa.net/article/185563807.html を参考にしてinputタグに入れた数値をリアルタイムで計算できるようにしています。

javascript
1jQuery(function($){
2  $('input','.demo3').keyup(function(){
3    var numA = $('input:eq(0)','.demo3').val();
4    var numB = $('input:eq(1)','.demo3').val();
5    //parseIntで文字列を数値に
6    numA = parseInt(numA);
7    numB = parseInt(numB);
8    //左側の入力値が数値では無い場合の処理
9    if(!numA){
10      //計算結果表示のinput内を削除
11      $('input:eq(2)','.demo3').val('');
12      return false;
13    };
14    //右側の入力値が数値では無い場合の処理
15    if(!numB){
16      //計算結果表示のinput内を削除
17      $('input:eq(2)','.demo3').val('');
18      return false;
19    };
20    $('input:eq(2)','.demo3').val(numA+numB);
21  });
22});

html
1<div class="demo3>
2<input type="text" name="" > +
3<input type="text" name="" >
4</div>

としたのですが、これを小数点をいれても計算できるようにしたいのですがどうすればいいですか？
どなたか、ご存知でしたら教えて下さい！
よろしくお願いします！

行動規範の内容に同意します

回答1件

ベストアンサー

parseFloat() - JavaScript | MDN

html
1<!doctype html>
2<html lang="ja">
3<head>
4	<meta charset="UTF-8" />
5	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
6	<title>test</title>
7</head>
8<body>
9	<div class="demo3">
10<input type="text" name="" > +
11<input type="text" name="" > = <input type="text" name="" >
12</div>
13	<script>
14	jQuery(function($){
15  $('input','.demo3').keyup(function(){
16    var numA = $('input:eq(0)','.demo3').val();
17    var numB = $('input:eq(1)','.demo3').val();
18    //parseIntで文字列を数値に
19/*
20    numA = parseInt(numA);
21    numB = parseInt(numB);
22*/
23    numA = parseFloat(numA);
24    numB = parseFloat(numB);
25    //左側の入力値が数値では無い場合の処理
26    if(!numA){
27      //計算結果表示のinput内を削除
28      $('input:eq(2)','.demo3').val('');
29      return false;
30    };
31    //右側の入力値が数値では無い場合の処理
32    if(!numB){
33      //計算結果表示のinput内を削除
34      $('input:eq(2)','.demo3').val('');
35      return false;
36    };
37    $('input:eq(2)','.demo3').val(numA+numB);
38  });
39});
40	</script>
41</body>
42</html>