Javascript 获取值以填充文本而不是范围

Javascript 获取值以填充文本而不是范围,javascript,html,Javascript,Html,我拼凑了一个脚本,在文本框中添加值,并在一个范围内显示总和。我尝试了很多方法,但我无法让它在输入文本框中显示总和。这是我一直在用的小提琴。。 基本上,我想更改输入文本框的跨距。如果有人能看一看,让我知道我错过了什么,我将不胜感激! 代码是这样的 HTML 您可以将输入字段作为目标,如下所示: Total = <input class="qty12lable" value=""> x $.95<br> Total = <input class="qty24lable

我拼凑了一个脚本,在文本框中添加值,并在一个范围内显示总和。我尝试了很多方法,但我无法让它在输入文本框中显示总和。这是我一直在用的小提琴。。

基本上,我想更改输入文本框的跨距。如果有人能看一看,让我知道我错过了什么,我将不胜感激! 代码是这样的

HTML


您可以将输入字段作为目标,如下所示:

Total = <input class="qty12lable" value=""> x $.95<br>
Total = <input class="qty24lable" value=""> x $1.40<br>

$("input.qty12lable").val(qty12Sum);
$("input.qty24lable").val(qty24Sum);
Total=x$.95
总计=x$1.40
$(“input.qty12lable”).val(qty12Sum); $(“input.qty24lable”).val(qty24Sum);
您可以这样针对输入字段:

Total = <input class="qty12lable" value=""> x $.95<br>
Total = <input class="qty24lable" value=""> x $1.40<br>

$("input.qty12lable").val(qty12Sum);
$("input.qty24lable").val(qty24Sum);
Total=x$.95
总计=x$1.40
$(“input.qty12lable”).val(qty12Sum); $(“input.qty24lable”).val(qty24Sum);
要设置文本框的文本(值),必须使用
.val()
而不是
.text()
。像这样:

$('.qty12').keyup(函数(){
变量qty12Sum=0;
$('.qty12')。每个(函数(){
如果(this.value!=“”)
qty12Sum+=parseInt(此.value);
});
$(“.qty12lable”).val(qty12Sum);
});
$('.qty24').keyup(函数(){
变量qty24Sum=0;
$('.qty24')。每个(函数(){
如果(this.value!=“”)
qty24Sum+=parseInt(此.value);
});
$(“.qty24lable”).val(qty24Sum);
});

红色

12x12
12x24

蓝色的
12x12
12x24


总计=x.95美元
总计=x 1.40美元
要设置文本框的文本(值),必须使用
.val()
而不是
.text()
。像这样:

$('.qty12').keyup(函数(){
变量qty12Sum=0;
$('.qty12')。每个(函数(){
如果(this.value!=“”)
qty12Sum+=parseInt(此.value);
});
$(“.qty12lable”).val(qty12Sum);
});
$('.qty24').keyup(函数(){
变量qty24Sum=0;
$('.qty24')。每个(函数(){
如果(this.value!=“”)
qty24Sum+=parseInt(此.value);
});
$(“.qty24lable”).val(qty24Sum);
});

红色

12x12
12x24

蓝色的
12x12
12x24


总计=x.95美元
总计=x 1.40美元

此代码段具有一些逻辑,说明如何在输入字段上附加事件侦听器以及如何获取它们的值。它并不完美,从生产级别的角度来看,它有很多bug,但这将提示您如何使用Jquery侦听和操作DOM。这就是Jquery的全部内容

$(“输入”)
.改变(功能){
var prevVal=($('total').html()!='')$('total').html():0;
if(parseInt($(this).val())==NaN){
返回;
}
$('#total').html(parseInt($(this.val())+parseInt(prevVal));
})





Total=
此代码段包含一些关于如何在输入字段上附加事件侦听器以及如何获取其值的逻辑。它并不完美,从生产级别的角度来看,它有很多bug,但这将提示您如何使用Jquery侦听和操作DOM。这就是Jquery的全部内容

$(“输入”)
.改变(功能){
var prevVal=($('total').html()!='')$('total').html():0;
if(parseInt($(this).val())==NaN){
返回;
}
$('#total').html(parseInt($(this.val())+parseInt(prevVal));
})





Total=
您是否尝试过将
替换为
您是否尝试过将
替换为
谢谢!!是val,我一直在努力,谢谢!!这就是我一直在尝试的价值
Total = <input class="qty12lable" value=""> x $.95<br>
Total = <input class="qty24lable" value=""> x $1.40<br>

$("input.qty12lable").val(qty12Sum);
$("input.qty24lable").val(qty24Sum);