Question

我有一个简单的文本框，用户输入一个数字 - 然后用页面更新页面上的多个元素。

目前，他们的脚本会将设定金额输入的数字加倍。

    $('input').keyup(function() {
        var v = $(this).val();
        v = isNaN(v)?'':v;
        $(this).val(v);
        $("#spot1 span").html(v * 100);
        $('#spot2 span').html(v * 200);
    });

HTML：

    <div><input id="number" name="number" type="text"><br /></div>

    <div id="spot1">Section 1:  <span></span><br /></div>
    <div id="spot2">Section 2:  <span></span><br /></div>

我想要做的是第2部分的输出基于仅在摘要中增加x次输入到输入框

EG。少于50个第2节显示1，然后每50个输入它增加1.因此，如果输入数字250，第2节实际上将显示4

Answer 1

在线使用除法，请尝试输入'250'

中的此示例

$('input').keyup(function() {
        var v = $(this).val();
        v = isNaN(v)?'':v;
        $(this).val(v);
        $("#spot1 span").html(v);
        $('#spot2 span').html(Math.ceil((v * 4)/250));
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div><input id="number" name="number" type="text"><br /></div>

    <div id="spot1">Section 1:  <span></span><br /></div>
    <div id="spot2">Section 2:  <span></span><br /></div>

Answer 2

$("#spot2 span").html(Math.floor(v/50) + 1)

应该这样做，至少对于x的正值。

Answer 3

这是JSFiddle。

$(document).ready(function() {
$('input').keyup(function() {
        var v = $(this).val();
        v = isNaN(v)?'':v;
        $(this).val(v);
        $("#spot1 span").html(v * 100);
        $('#spot2 span').html(Math.round(v/50));
    });
});

JQuery - 为每个输入的50增加值输出

3 个答案: