レスポンシブの％の計算をjQueryで作成してみたメモ

めんどくさい計算をプログラムで書いてみたので、残します。

      $('input').keyup(function(){
        var firstValue = parseFloat($(任意id名).val());
        var secondValue = parseFloat($(任意id名).val());
        var thirdValue = parseFloat($(任意id名).val());
        $(任意id名).html(firstValue / secondValue * thirdValue);
      });

    <input type="number" id="任意id名" placeholder="eg: 100" />
    <input type="number" id="任意id名" placeholder="eg: 960" />
    <input type="hidden" id="任意id名" value="100" />

    <div class="任意のclass名">Total:</div>
    <div class="任意のclass名"><span id=任意id名></span>%</div> 

inputは必須かと思います。

keyupは、キーボードのキーが押され、上がった際に呼び出されます。
parseFloatは引数の文字列を解析し、浮動小数点数を返します。

var thirdValue は、お分かりかと思います。

あとは、計算です。
例）
10 / 960 * 100 = 1.0416666666666665%

いちいち電卓もしくはiphon スマートフォンを使うより、ブラウザに表示させながら計算した方が楽かもです。

では、参考までに