1

我需要input [type='number'] 将其数量乘以 250 的值。我想要一个类似的情况......我尝试使用此链接上的代码，但由于我使用input [type='number']的是，值根本没有更新！

有谁知道如何使用这种inputwith Jquery？

提前谢谢了

4

6 回答 6

2

工作演示http://jsfiddle.net/cse_tushar/g9fUf/

如果你有问题，readonly你可以使用disabled

<input type="text" id="output-value" disabled/>

HTML

<input type="number" id="input-value" />
<input type="text" id="output-value" readonly />

js

var $output = $("#output-value");
$("#input-value").keyup(function() {
    var value = parseFloat($(this).val());
    $output.val(value*250);
});
于 2013-07-26T09:16:22.630 回答
1

您需要为此添加一个change事件：

$("input").on("change keyup", function () {
    var value = parseInt(this.value, 10);
    this.value = value * 250;
});

假设input是这样的标签：

<input type="number" />

演示：http: //jsfiddle.net/hungerpain/VzysM/1/

注意：我添加keyup以防有人键入数字而不是使用范围选择器。

于 2013-07-26T09:17:12.987 回答
0

在输入类型的焦点输出上尝试此代码获取值并相乘。然后设置该值。

$("#id").focusout(function(){
    var value = $("#id").val() *250;
})
于 2013-07-26T09:19:20.043 回答
0

尝试这个

<input id="field1" type="number" />
<input id="field2" type="number" />

脚本：

$(document).ready(function(){
    $("#field1").keyup(function() { 
    var input_value = parseFloat($("#field1").val());     
    $("#field2").val(input_value * 250);   
});
});
于 2013-07-26T09:24:50.917 回答
0

如果它是一个普通的文本输入，你可以使用这个：

$("#input1").keyup(function(){
 var input1 = parseInt($("#input1").val());
 if(!isNaN(input1)){
     $("#input2").val(input1 * 250);
 }
 else{
     $("#input2").val("");
     alert("Please enter a valid number");
 }
});

在这里工作小提琴：http: //jsfiddle.net/aL6cP/2/

于 2013-07-26T09:25:17.557 回答
0

非常感谢所有帮助过我的人！！！我找到了一个解决方案...我已经合并了饥饿痛和 Tushar Gupta 的解决方案，它可以按我的意愿工作！！！！！！:)

我想与解决方案分享一个小提琴，但没有成功... Stackoverflow 对我来说它给了我一个错误！

所以最终的代码是：

var $output = $("#output-value");
$("#input-value").on("change keyup", function () {
    var value = parseFloat($(this).val());
    $output.val(value*250);
});

<input type="number" id="input-value" />
<input type="text" id="output-value" readonly />
于 2013-07-26T10:09:29.813 回答