Javascript 在使用jQuery在特定结果div中单击所有动态无线电输入值后，如何显示这些值的总和？

这是我在这个程序员社区的最后一篇帖子，因为我问了很多问题，但没有得到正确的解决方案。因此，我简化了我的代码并再次将其粘贴到这里。我不太擅长jquery/js，所以我一直使用这段代码

请帮帮我，这对我会有很大的帮助，因为这是我的第一个项目，我刚从银行业转到编程界。提前感谢您的所有努力和帮助。

下面是我提到html部分的静态版本的代码（它是动态地来自数据库）

var matched=$（'.option_yes'）；
var countedItem=匹配的.length；
//此代码用于示例，用于在单击单选按钮时显示值
$（文档）.on（'单击'，'）。外部房间选项：选中'，函数（e）{
//$（'p'+i+'u price'）.html（$（this.val（））；
警报（$（this.val（））；
});
//这是将在生产中使用的rubished（因为我写了这个）代码：
var i；
对于（i=1；i您需要添加表单标记（使用它处理输入字段更容易）。请注意，html代码与您的示例几乎相同，只添加了表单标记


document.addEventListener（'DOMContentLoaded'，function（）{
var form=document.getElementById（'radio-form'）；
var inputs=form.querySelectorAll（'input[type=“radio”]”）；
var p1=document.getElementById（'p1_price'）；
var p2=document.getElementById（'p2_price'）；
var total=document.getElementById（'totalPrice'）；
函数setPrice（）{
var room1=form.elements['extraRoom1']；
var room2=form.elements['extraRoom2']；
p1.innerHTML=room1.value；
p2.innerHTML=room2.value；
total.innerHTML=+room1.value++room2.value；
};
Array.prototype.forEach.call（输入，函数（输入）{
input.addEventListener（'change'，setPrice）；
});
setPrice（）；
})；
Maggie的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢

以斯帖的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢




房间类型
麦琪（双人房），价格是125000美元

埃丝特（双人房），价格是125000美元

总价为250000
您需要添加表单标记（使用它可以更轻松地处理输入字段）。请注意，html代码与您的示例几乎相同，只添加了表单标记


document.addEventListener（'DOMContentLoaded'，function（）{
var form=document.getElementById（'radio-form'）；
var inputs=form.querySelectorAll（'input[type=“radio”]”）；
var p1=document.getElementById（'p1_price'）；
var p2=document.getElementById（'p2_price'）；
var total=document.getElementById（'totalPrice'）；
函数setPrice（）{
var room1=form.elements['extraRoom1']；
var room2=form.elements['extraRoom2']；
p1.innerHTML=room1.value；
p2.innerHTML=room2.value；
total.innerHTML=+room1.value++room2.value；
};
Array.prototype.forEach.call（输入，函数（输入）{
input.addEventListener（'change'，setPrice）；
});
setPrice（）；
})；
Maggie的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢

以斯帖的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢




房间类型
麦琪（双人房），价格是125000美元

埃丝特（双人房），价格是125000美元

总价为250000
此代码可能会有所帮助…我已将
数据目标
属性添加到ID为的目标特定价格


jQuery（文档）.ready（函数（$）{
$（文档）.on（'单击'，'）。外部房间选项：选中'，函数（e）{
var targetPrice=$（this）.data（'target'）；
$（'#'+targetPrice）.text（$（this.val（））；
grandTotal（）；
});
函数grandTotal（）{
var合计=0；
$（'.extraRoomOption:checked'）。每个（函数（e）{
total+=parseFloat（$（this.val（））；
});
$（#totalPrice'）。文本（总计）；
}
})；

玛吉的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢

以斯帖的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢



房间类型
麦琪（双人房），价格是125000美元

埃丝特（双人房），价格是125000美元

总价为250000
此代码可能会有所帮助…我已将
数据目标
属性添加到ID为的目标特定价格


jQuery（文档）.ready（函数（$）{
$（文档）.on（'单击'，'）。外部房间选项：选中'，函数（e）{
var targetPrice=$（this）.data（'target'）；
$（'#'+targetPrice）.text（$（this.val（））；
grandTotal（）；
});
函数grandTotal（）{
var合计=0；
$（'.extraRoomOption:checked'）。每个（函数（e）{
total+=parseFloat（$（this.val（））；
});
$（#totalPrice'）。文本（总计）；
}
})；

玛吉的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢

以斯帖的房间类型
你想要自己的房间吗

好的，谢谢
不，谢谢



房间类型
麦琪（双人房），价格是125000美元

埃丝特（双人房），价格是125000美元

总价格是250000
您的问题到底是什么？console说了什么？有错误吗？我在您发布的链接中没有看到任何动态的内容…乘客是静态的。没有任何动态的内容。您从银行到编程，但我没有看到您在代码中的任何地方迭代检查元素并对值求和…I真的不明白网站的预订逻辑…我可以有N个人，N个房间…但我应该计算一些XY价格…什么？抱歉，这是无法做到的，因为有很多未知变量。你应该在你的问题中说明你的真实意图是什么