-->

jQuery的转换小数的成果转化为分数(jquery convert results of deci

2019-10-19 13:38发布

我有一个转换成像素代码英寸。 但结果是一个小数。

我怎样才能有结果返回一个分数为英寸,例如:1/4代替.25

下面是HTML:

<label>Pixels</label>
<input class="calcd" id="calc3" type="text" />
<input class="calcd" id="calc4" type="hidden" value="96" />
<br />Inches <span id="result2"></span>

这里是Jquery的:

$(document).ready(function(){
    $(".calcd").keyup(function(){
        var val1 = parseInt($("#calc3").val());
        var val2 = parseInt($("#calc4").val());
        if ( ! isNaN(val1) && ! isNaN(val2))
        {
            $("#result2").text((val1 / val2).toFixed(2));
        }
    });
});

我看到这个在这里计算器:

其中使用var decimal = eval(fraction); 将工作,但很困惑就可以了。

这里是的jsfiddle

Answer 1:

2个选择你的了:

  • 工作演示=>: http://jsfiddle.net/Nn2yq/ - 转换的十进制数的分数/有理数
  • 您可以使用此: https://github.com/ekg/fraction.js

你也只需要一个$(document).ready(function () {

希望这可以帮助。 :)

$(document).ready(function () {

    $(".calc").keyup(function () {

        var val1 = parseInt($("#calc1").val());
        var val2 = parseInt($("#calc2").val());

        if (!isNaN(val1) && !isNaN(val2)) {
            $("#result").text(val1 * val2);
        }
    });

    $(".calcd").keyup(function () {

        var val1 = parseInt($("#calc3").val());
        var val2 = parseInt($("#calc4").val());

        if (!isNaN(val1) && !isNaN(val2)) {
            $("#result2").text(fraction((val1 / val2).toFixed(2)));
        }
    });
});

//convert a decimal into a fraction
function fraction(decimal) {

    if (!decimal) {
        decimal = this;

    }
    whole = String(decimal).split('.')[0];
    decimal = parseFloat("." + String(decimal).split('.')[1]);
    num = "1";
    for (z = 0; z < String(decimal).length - 2; z++) {
        num += "0";
    }
    decimal = decimal * num;
    num = parseInt(num);
    for (z = 2; z < decimal + 1; z++) {
        if (decimal % z == 0 && num % z == 0) {
            decimal = decimal / z;
            num = num / z;
            z = 2;
        }
    }
    //if format of fraction is xx/xxx
    if (decimal.toString().length == 2 && num.toString().length == 3) {
        //reduce by removing trailing 0's
        decimal = Math.round(Math.round(decimal) / 10);
        num = Math.round(Math.round(num) / 10);
    }
    //if format of fraction is xx/xx
    else if (decimal.toString().length == 2 && num.toString().length == 2) {
        decimal = Math.round(decimal / 10);
        num = Math.round(num / 10);
    }
    //get highest common factor to simplify
    var t = HCF(decimal, num);

    //return the fraction after simplifying it
    return ((whole == 0) ? "" : whole + " ") + decimal / t + "/" + num / t;
}

function HCF(u, v) {
    var U = u,
        V = v
    while (true) {
        if (!(U %= V)) return V
        if (!(V %= U)) return U
    }
}

工作截图



文章来源: jquery convert results of decimal into fractions