javascript - JQuery:更改其他输入字段的值时更改值

Question

我想在另一个输入字段的值发生变化时更改另一个输入字段的值。

我试了好久还是不行

<input class="span4 input-big" id="dare_price" name="price" size="30" type="text" onChange="updatePrice()" />
<input class="span4 input-big" id="total_price_amount" readonly="readonly" value=""/>​


function updatePrice() {
    var price = $("#dare_price").val();
    var total = (price + 1) * 1.05;
    $("$total_price_amount").val(total);
}​

Here's the fiddle.

Answer 1

几件事。

1. 首先，如果我是您，我会使用最新版本的 jQuery。我们现在是 1.8。

2. 我还会使用“keyup”作为事件触发器以及“change”。我认为它更有用。我也喜欢使用 jQuery 绑定(bind)事件。参见 http://api.jquery.com/on/

3. 您的代码中存在一些错误。注意 $("$total_price_amount") 部分抛出错误

4. 如果您只想显示一组小数点，请使用 .toFixed()。但请注意，这将返回一个字符串。

5. 文本框中的输入值是 string 类型，因此要对它们进行数学计算，您需要将它们解析为 int 或 float

这是我更新的 JSFiddle

http://jsfiddle.net/DigitalBiscuits/QWSQp/71/

以及我使用的实际代码

$(document).ready(function()
{
    function updatePrice()
    {
        var price = parseFloat($("#dare_price").val());
        var total = (price + 1) * 1.05;
        var total = total.toFixed(2);
        $("#total_price_amount").val(total);
    }
    $(document).on("change, keyup", "#dare_price", updatePrice);
});

请注意，我从 HTML 中删除了 onChange="updatePrice()" 部分，因为它不再需要了。

希望对你有帮助。