Jquery 将输入[type=';number';]上的值乘以250
我需要一个Jquery 将输入[type=';number';]上的值乘以250,jquery,input,multiplication,Jquery,Input,Multiplication,我需要一个输入[type='number']将其数量乘以250的值。 我想要一个类似的情况。。。我试图使用此链接上的代码,但由于我使用的是input[type='number'],因此这些值根本没有更新 有人知道如何使用Jquery处理这种input 非常感谢您的参与工作演示 如果您对只读有问题,则可以使用禁用 <input type="text" id="output-value" disabled/> 您需要为此添加change事件: $("input").on("change
输入[type='number']
将其数量乘以250的值。
我想要一个类似的情况。。。我试图使用此链接上的代码,但由于我使用的是input[type='number']
,因此这些值根本没有更新
有人知道如何使用Jquery
处理这种input
非常感谢您的参与工作演示
如果您对只读
有问题,则可以使用禁用
<input type="text" id="output-value" disabled/>
您需要为此添加
change
事件:
$("input").on("change keyup", function () {
var value = parseInt(this.value, 10);
this.value = value * 250;
});
假设input
是这样一个标记:
<input type="number" />
演示:
注意:我添加了
keyup
,以防有人键入数字而不是使用rangepicker。在输入类型的焦点上尝试此代码获取值并相乘。然后设置该值
$("#id").focusout(function(){
var value = $("#id").val() *250;
})
试试这个
<input id="field1" type="number" />
<input id="field2" type="number" />
如果是普通文本输入,您可以使用:
$("#input1").keyup(function(){
var input1 = parseInt($("#input1").val());
if(!isNaN(input1)){
$("#input2").val(input1 * 250);
}
else{
$("#input2").val("");
alert("Please enter a valid number");
}
});
在这里工作小提琴:非常感谢你们所有帮助我的人!!!我找到了一个解决办法。。。我已经将hungerpain和Tushar Gupta的解决方案合并在一起,并且它可以按照我的意愿工作 我想分享解决方案,但没有成功。。。对我来说,它给了我一个错误 最后的代码是:
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 />
var$output=$(“#输出值”);
$(“#输入值”)。打开(“更改键控”,函数(){
var value=parseFloat($(this.val());
$output.val(值*250);
});
你能把你的代码粘贴到这里吗?告诉我们你现在有什么记住你需要把链接问题的答案放在一个闭包里,比如:$(document).ready(function(){[logic]})代码>。您所说的“不同输入类型”是什么意思?除非你告诉我们很难帮助你。我想要的正是这样的东西。我已经检查了演示,但是只读字段没有更新值!!!!检查我已做了更改您不能使用禁用
而不是只读
<代码>只读
随请求一起发送,而禁用
则不发送。这不是等价的属性!他只需要计算值,他没有使用readonly,因为他需要通过脚本而不是客户端来更改值。感谢您的评论。我需要在另一个输入中更新值,而不是在同一个输入中更新值。!:)所以在输入类型id中设置这个值
$(document).ready(function(){
$("#field1").keyup(function() {
var input_value = parseFloat($("#field1").val());
$("#field2").val(input_value * 250);
});
});
$("#input1").keyup(function(){
var input1 = parseInt($("#input1").val());
if(!isNaN(input1)){
$("#input2").val(input1 * 250);
}
else{
$("#input2").val("");
alert("Please enter a valid number");
}
});
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 />