Javascript 使用js更改单选按钮时更改单选按钮的值和id

在这里，我希望用户根据自己的选择更改单选按钮，并希望更改单选按钮的值和id以计算总值。 现在，我检查了默认的单选输入它的作品，我需要它的单选按钮的变化工作

const profit=document.querySelector（'input[name=“rdmonths”]：checked'）。值；
const id=document.querySelector（'input[name=“rdmonths”]：checked'）.id；
const principal=10000；
常数时间=id；
施工费率=利润/100；
常数n=1；
常数复合兴趣=（p，t，r，n）=>{
常量=p*（数学功率（（1+（r/n）），t））；
退货金额；
};
document.getElementById（“总额”）.innerHTML=（compoundInterest（本金、时间、费率，n））
12
24
36
48
60
代表
总金额：

如果将
单击事件处理程序分配给
无线电
组的每个成员，则可以对每个特定选项应用相同的逻辑。如果此逻辑在函数中，则更容易调用后续的
单击


//在可重用函数中应用逻辑
const calculate\u compount\u interest=函数（）{
常量利润=document.querySelector（'input[name=“rdmonths”]：checked'）。值；
const id=document.querySelector（'input[name=“rdmonths”]：checked'）.id；
const principal=10000；
常数时间=id；
施工费率=利润/100；
常数n=1；
常数复合兴趣=（p，t，r，n）=>{
常量=p*（数学功率（（1+（r/n）），t））；
返回amount.toFixed（2）；//将结果限制为有意义的精度
};
document.getElementById（“总额”）.innerHTML=（compoundInterest（本金、时间、费率，n））；
}
document.addEventListener（'DOMContentLoaded'，（）=>{
//为每个单选按钮分配侦听器
document.querySelectorAll（'input[type=“radio”][name=“rdmonths”]'）。forEach（input=>{
input.addEventListener（'单击'，计算利息）
})
//在初始页面加载时调用
计算利息（）；
})
12
24
36
48
60
代表
总金额：

Hi@Professor你能看一下吗？