我需要input [type='number']
将其数量乘以250。
我想要一个类似于this one的情况...我尝试使用此链接上的代码,但由于我使用input [type='number']
,因此值不会更新!
是否有人知道如何使用此input
与Jquery
合作?
非常感谢提前
答案 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 />