Javascript 除非选中某些输入，否则禁用表单字段集

如何使每个字段集的复选框和无线电输入禁用，然后在选择某些输入后依次启用

例如：最初，除第一个字段集外，所有字段集都被禁用。 用户在第一个字段集中选择输入后，第二个字段集被启用。 等等等等

与此相关，如何仅在检查第二个字段集中的无线电输入后显示计算值

const calculator=document.querySelector（“表单”）；
持续时间定价={
缔约方：20，
生日：25岁，
周年纪念：50，
婚礼：100
}
常数大小索引={
六比一,，
8:1.5，
十:二,，
12:2.5
}
常数外螺旋={
蜡烛：5支，
题字:10,，
装修：25，
特别：50
}
函数{
var cakes=Array.from（calculator.elements[“cake”]）.slice（0,3）；
var raphael=计算器。元素[“raphael”]；
已检查函数（复选框）{
返回复选框。选中；
}
var count=cakes.filter（isChecked.length）；
如果（计数）{
计数=计数*0.5+0.5；
如果（拉斐尔勾选）{
计数+=1；
}
返回计数；
}
返回0；
}
活动场合（）{
var occasionCost=0；
var时机=计算器。元素[“时机”]；
对于（变量i=0；i

挑选蛋糕
利奥纳多
多纳泰罗
米开朗基罗
拉斐尔
如果您选择多个蛋糕，其他蛋糕将享受50%的折扣

不适用于拉斐尔

择机
聚会

生日

周年纪念

婚礼

选择大小
6英寸

8英寸

10英寸

12英寸

选择额外的
蜡烛
铭文
装饰
特殊糖霜和糖霜

在字段集上创建一个onchange事件侦听器，并触发一个启用下一个字段集的函数。查看工作代码段

const calculator=document.querySelector（“表单”）；
持续时间定价={
缔约方：20，
生日：25岁，
周年纪念：50，
婚礼：100
}
常数大小索引={
六比一,，
8:1.5，
十:二,，
12:2.5
}
常数外螺旋={
蜡烛：5支，
题字:10,，
装修：25，
特别：50
}
函数（）{
var cakes=Array.from（calculator.elements[“cake”]）.slice（0,3）；
var raphael=计算器。元素[“raphael”]；
已检查函数（复选框）{
返回复选框。选中；
}
var count=cakes.filter（isChecked.length）；
如果（计数）{
计数=计数*0.5+0.5；
如果（拉斐尔勾选）{
计数+=1；
}
返回计数；
}
返回0；
}
活动场合（）{
var occasionCost=0；
var时机=计算器。元素[“时机”]；
对于（变量i=0；i

挑选蛋糕
利奥纳多
多纳泰罗
米开朗基罗
拉斐尔
如果您选择多个蛋糕，其他蛋糕将享受50%的折扣

不适用于拉斐尔

择机
聚会

生日

周年纪念

婚礼

选择大小
6英寸

8英寸

10英寸

12英寸

选择额外的
蜡烛
铭文
装饰
特殊糖霜和糖霜

在字段集上创建一个onchange事件侦听器，并触发一个启用下一个字段集的函数。查看工作代码段

const calculator=document.querySelector（“表单”）；
持续时间定价={
缔约方：20，
生日：25岁，
周年纪念：50，
婚礼：100
}
常数大小索引={
六比一,，
8:1.5，
十:二,，
12:2.5
}
常数外螺旋={
蜡烛：5支，
题字:10,，
装修：25，
特别：50
}
函数（）{
var cakes=Array.from（calculator.elements[“cake”]）.slice（0,3）；
var raphael=计算器。元素[“raphael”]；
已检查函数（复选框）{
返回复选框。选中；
}
var count=cakes.filter（isChecked.length）；
如果（计数）{
计数=计数*0.5+0.5；
如果（拉斐尔勾选）{
计数+=1；