所以我花了很多时间研究动态预订表格。我设法让隐藏和显示功能按我的意愿工作,并且值根据所选的单选按钮而改变。对于下一步,我想计算值。但我想首先展示收音机的价值。然后,当用户选中复选框时,将每个选中复选框的值添加到Radio的值。我设法得到添加所有复选框的功能,并将其添加到无线电值。
var sum1;
$('input[name=price]').change(function() {
sum1 = $('input[name=price]:checked').val();
});
$('input[name=custompak]').change(function() {
var sum2 = 0;
$('input[name=custompak]:checked').each(function() {
sum2 += parseInt($(this).prop('value'));
});
document.getElementById('finalprice').innerHTML = parseInt(sum1) + parseInt(sum2);
});
这是完整形式的JSFiddle: https://jsfiddle.net/mullern/2cr91vvq/2/
仅供参考,JS代码的其余部分根据Customertype选择更改值,并且还隐藏了捆绑包中已包含的产品的复选框。
我的目标是在选择一个时显示放射组中显示的包的价格。然后,当选择一个或多个复选框时,该值将添加到radiogroup选择的值。
在旁注中,我还无法弄清楚如何在加载页面时显示值,以便用户在打开联系表单时看到默认选择值。
我希望这不要混淆,并提前感谢您对我的问题提供任何帮助。
答案 0 :(得分:1)
看看这个[小提琴] [1],尝试点击包下的单选按钮。您可以在click事件上编写代码。我还尝试通过调用方法来最小化代码,检查第13到22行。
[1]: https://jsfiddle.net/2cr91vvq/3/