Javascript 基于其他单选按钮显示/隐藏单选按钮

我有两套单选按钮。一个用于支付类型，一个用于金额

如果付款类型是payment，我想显示金额，如果是免费的，我不想显示。我大部分时间都在使用它，但如果用户从付费切换到免费，则金额按钮将保持不变

如何隐藏它们，并将值设置为null

$（函数（）{
$（“#付款类型”）。更改（函数（）{
var optionClass=$（this.val（）；
如果（选项类别==“已支付”）{
$（'金额'）.show（）；
}else if（optionClass==“免费”）{
$（“#金额”）.hide（）；
}
});
});

{{trans（'Session Type'）}
付款类型==“免费”）
选中的
@endif class=“付款类型”无线电“>
自由的
付款类型==“已付款”）
选中的
@endif class=“付款类型”无线电“>
支付
{{trans（'Amount'）}
金额=='20'）
选中的
@endif class=“金额无线电”>
€20
金额=='30'）
选中的
@endif class=“金额无线电”>
€30
您需要收听
付费类型
无线组，即
':radio[name=payment\u type]
到目前为止，您只需收听单个收音机的
更改事件。i、 e.
#付款类型

$(function () {
    $(':radio[name=payment_type]').change(function () {
        //Rest of your code
    });
});


$（函数（）{
$（':radio[name=payment_type]'）。更改（函数（）{
//代码的其余部分
$（'#amount'）。切换（this.value=='paid'）
});
});

会话类型
自由的
支付
数量
使用单选按钮的通用名称作为选择器，而不是使用
id
将事件附加到两个收音机，然后使用jQuery方法切换显示

注意：我建议使用
条件（三元）运算符
而不是
@if/@endif
，如：

<input type="radio" name="payment_type" {{$onlineCounsellingApplication->payment_type=='free'?'checked':''}} value="free" class="payment_type_radio">


会话类型
自由的
支付
€20
€30
Hi@Andre，如果有任何答案可以帮助您投票，请将其作为未来读者的参考答案。