Javascript 如何在主文本框值中单独显示最终结果

Javascript 如何在主文本框值中单独显示最终结果,javascript,jquery,html,Javascript,Jquery,Html,我有一张预订机票的表格。这需要算上旅行者。我创建了3个文本框来记录旅行者人数。它工作得很好,但问题是我想在文本框中分别显示每个旅行类别的每个计数。例如,当用户在文本框中添加成人时,或者当儿童添加时,用户可以在一个文本框中看到结果。但我的代码是总值。如何更改代码? 以下是我的片段: $(函数(){ $(“.button click a”)。在(“click”,function()上{ var$按钮=$(此按钮); var oldValue=$button.closest(“ul”).prev()

我有一张预订机票的表格。这需要算上旅行者。我创建了3个文本框来记录旅行者人数。它工作得很好,但问题是我想在文本框中分别显示每个旅行类别的每个计数。例如,当用户在文本框中添加成人时,或者当儿童添加时,用户可以在一个文本框中看到结果。但我的代码是总值。如何更改代码? 以下是我的片段:

$(函数(){
$(“.button click a”)。在(“click”,function()上{
var$按钮=$(此按钮);
var oldValue=$button.closest(“ul”).prev().val();
如果($button.text()==“+”){
var newVal=parseInt(oldValue)+1;
}否则{
//不允许在零以下递减
如果(旧值>0){
var newVal=parseInt(旧值-1);
}否则{
newVal=0;
}
}
$button.closest(“ul”).prev().val(newVal);
//从“所有旅行者”文本框计算总旅行者。
var总价值=0;
//循环浏览所有Traveler文本框
$(“.cat_textbox”)。每个(函数(){
//从所有三个文本框中添加旅行者
total_value+=parseInt($(this.val());
});
//将旅客总人数分配给主文本框
$(“.main”).val(总价值);
})
});

统计所有1名旅客


成人
儿童
婴儿

这就是你要找的吗?我把代码缩短了一点。我将
标签
文本包装在一个范围内,以正确选择它们

编辑:因此
总输入字段中的字符串是动态的,因为它使用
标签中的字符串

EDIT2:添加了默认值

这是一把小提琴:

$(函数(){
$(“.button click a”)。在(“click”,function()上{
var按钮=$(此按钮);
var oldVal=parseInt(button.closest(“ul”).prev().val());
var newVal=(button.text()=“+”)?oldVal+1:(oldVal>0)?oldVal-1:0;
var总_值=”;
按钮。最近的(“ul”).prev().val(newVal);
$(“.cat_textbox”)。每个(函数(){
var cat=$(this.prev('span').text();
总值+=cat+”:“+$(this.val()+”,“;
});
total_value=total_value.substring(0,total_value.length-2);
$(“.main”).val(总价值);
})
});
.main{
宽度:200px;
}

统计所有1名旅客


成人
儿童
婴儿

这就是你要找的吗?我把代码缩短了一点。我将
标签
文本包装在一个范围内,以正确选择它们

编辑:因此
总输入字段中的字符串是动态的,因为它使用
标签中的字符串

EDIT2:添加了默认值

这是一把小提琴:

$(函数(){
$(“.button click a”)。在(“click”,function()上{
var按钮=$(此按钮);
var oldVal=parseInt(button.closest(“ul”).prev().val());
var newVal=(button.text()=“+”)?oldVal+1:(oldVal>0)?oldVal-1:0;
var总_值=”;
按钮。最近的(“ul”).prev().val(newVal);
$(“.cat_textbox”)。每个(函数(){
var cat=$(this.prev('span').text();
总值+=cat+”:“+$(this.val()+”,“;
});
total_value=total_value.substring(0,total_value.length-2);
$(“.main”).val(总价值);
})
});
.main{
宽度:200px;
}

统计所有1名旅客


成人
儿童
婴儿

您在这里实际需要什么输出?@AKA单独计算每次旅行的次数,例如:1名儿童+2名成人+0名婴儿。我写了一个代码,但它返回了总数count@inaz检查下面我的答案。你把输出也交给那个孩子、成人部分?这里你实际需要什么输出?@AKA分别计算每次旅行的次数,例如:1个孩子+2个成人+0个婴儿。我写了一个代码,但它返回了总数count@inaz检查下面我的答案。你也用魔杖指着那个孩子,大人的部分?这正是我想要的。但如何将值显示为默认值?我想显示:1成人作为默认文本。只需在总输入广告中再次插入默认值,相应地更改成人输入的默认值=)这正是我想要的。但如何将值显示为默认值?我想显示:1成人作为默认文本。只需在总输入中再次插入默认值,并相应更改成人输入的默认值=)