将输入[type ='number']的值乘以250

时间:2013-07-26 09:07:31

标签: jquery input multiplying

我需要input [type='number']将其数量乘以250。 我想要一个类似于this one的情况...我尝试使用此链接上的代码,但由于我使用input [type='number'],因此值不会更新!

是否有人知道如何使用此inputJquery合作?

非常感谢提前

6 个答案:

答案 0 :(得分: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);
});

答案 1 :(得分: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以防万一有人输入数字而不是使用范围选择器。

答案 2 :(得分:0)

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

$("#id").focusout(function(){
    var value = $("#id").val() *250;
})

答案 3 :(得分: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);   
});
});

答案 4 :(得分: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/

答案 5 :(得分:0)

非常感谢所有帮助过我的人!我找到了一个解决方案......我已经合并了hungerpain和Tushar Gupta的解决方案,它正如我想要的那样工作!!!!! :)

我想与解决方案分享一个小提琴,但没有成功... Stackoverflow对我来说它给了我一个bug !!!

所以最终的代码是:

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 />