Javascript 使用JS PHP计算单击按钮时值的百分比

我正在制作一个表格，其中显示了用户可以使用30天、60天、90天选项下注的代币选项。数据库中指定了30天的默认百分比，但我希望出现这样一种情况：当用户单击60天时，显示的百分比增加30%，当用户单击90天时，显示的百分比增加60%。我是开发新手，不知道使用Javascript或Jquery。我的桌子在下面。提前谢谢

编辑：我正在使用无线电输入，我希望无线电值用于计算数据库中指定的默认百分比

.radio工具栏输入[type=“radio”]{
显示：无；
}
.收音机工具栏标签{
显示：内联块；
边框：1px实心#ffc107；
填充：4px11px；
字体系列：Arial；
字体大小：16px；
光标：指针；
边界半径：0.2rem；
}
.radio工具栏输入[type=“radio”]：选中+标签{
背景色：#ffc107；
}
海德尼先生{
文本对齐：居中；
}
.集装箱{
最大宽度：1000px；
左边距：自动；
右边距：自动；
左侧填充：10px；
右边填充：10px；
}
氢{
字号：26px；
利润率：20px0；
文本对齐：居中；
}
h2小{
字体大小：0.5em；
}
.李表{
边界半径：3px；
填充：25px 30px；
显示器：flex；
证明内容：之间的空间；
边缘底部：15px；
}
.响应表格.表格标题{
背景色：#95A5A6；
字体大小：12px；
字母间距：0.03em；
}
.响应表.表行{
背景色：#ffffff；
盒影：0px 0px 9px 0px rgba（0,0,0,0.1）；
}
.响应表col-1{
弹性基准：10%；
字体大小：14px；
显示器：flex；
对齐项目：居中；
左边距：-40px；
右边距：32px；
}
.响应表col-2{
弹性基准：40%；
字体大小：14px；
显示器：flex；
对齐项目：居中；
右边距：30px；
}
.响应表col-3{
弹性基准：25%；
字体大小：14px；
显示器：flex；
对齐项目：居中；
}
.响应表col-4{
弹性基准：25%；
字体大小：14px；
显示器：flex；
对齐项目：居中；
}
@介质和全部（最大宽度：356px）{
.响应表格.表格标题{
显示：无；
}
.李表{
显示：块；
}
.响应表{
弹性基准：100%；
}
.响应表{
显示器：flex；
填充：10px0；
}
.响应表{
颜色：#6C7A89；
右边填充：10px；
内容：attr（数据标签）；
弹性基准：50%；
文本对齐：右对齐；
}
}
}

代币
美国东部时间。阿皮
持续时间（天）


艾达
15%
30
60


BNB
10.4%
30
60

根据您的描述，您想要这样的东西

（函数（）{
const def_val=//您的数据库值
$（'60天\u btn\u id'）。单击（函数（）{
dis_val=def_val
dis_val=def_val+（def_val*0.3）；//单击60天
}}
$（'90天\u btn\u id'）。单击（函数（）{
dis_val=def_val
dis_val=def_val+（def_val*0.6）；//单击90天
}};
})；

解决方案有点复杂，但它只是编码：

我建议您为每行更改radios按钮s的名称值，或者您可以在所有单选按钮中只选择一个，因此我想您希望为每行选择一个选项。因此，我为第二行重命名radios1

//选择30%的收音机
$（“#radio1，#radio7”）.prop（“选中”，为真）；
设百分比90天=60.0；
设百分比60天=30.0；
//保存初始值
$（“.table row div[数据标签=百分比]”）。每个（函数（）{
让valuetosave=$（this.text（）.replace（“%”，“”）；
$（此）.attr（“数据保存”，值保存）
});
//陷阱事件点击收音机
$（“.table row input[type=radio]”。在（“单击”，函数（）上）{
让idRadio=$（this.attr（“id”）
let percentask=$（this）.closest（“.table row”）.find（`label[for=${idRadio}]`）.text（）；
让selectorToTrapValue=$（this）.closest（“.table row”）.find（“div[data label=Percent]”）；
让initialvalue=parseFloat（选择OrtTrapValue.data（“保存”）；
//我不知道你的微积分想要什么不清楚
//我不知道你是想增加30%还是想增加30%的初始值
//所以我显示值
log（“初始值：“+initialvalue+”PercentAsk:“+PercentAsk”）
//如果百分比为30%，则显示初始值
如果（询问百分比=“30”）{
选择OrtTrapValue.text（初始值+“%”）
返回；
}
//计算新值
如果（询问百分比=“60”）{
选择OrtTrapValue.text（初始值+初始值*百分比60天/100.0+“%”）
}否则，如果（询问百分比=“90”）{
选择OrtTrapValue.text（初始值+初始值*百分比90天/100.0+“%”）
} 
})；

.radio工具栏输入[type=“radio”]{
显示：无；
}
.收音机工具栏标签{
显示：内联块；
边框：1px实心#ffc107；
填充：4px11px；
字体系列：Arial；
字体大小：16px；
光标：指针；
边界半径：0.2rem；
}
.radio工具栏输入[type=“radio”]：选中+标签{
背景色：#ffc107；
}
海德尼先生{
文本对齐：居中；
}
.集装箱{
最大宽度：1000px；
左边距：自动；
右边距：自动；
左侧填充：10px；
右边填充：10px；
}
氢{
字号：26px；
利润率：20px0；
文本对齐：居中；
}
h2小{
字体大小：0.5em；
}
.李表{
边界半径：3px；
填充：25px 30px；
显示器：flex；
证明内容：之间的空间；
边缘底部：15px；
}
.响应表格.表格标题{
背景色：#95A5A6；
字体大小：12px；
字母间距：0.03em；
}
.响应表.表行{
背景色：#ffffff；
盒影：0px 0px 9px 0px rgba（0,0,0,0.1）；
}
.响应表col-1{
弹性基准：10%