Javascript 根据单选按钮更改类

Question

我正在尝试根据用户提供的选项更改一些定价表。

例如，如果他选择36个月和每月，它会显示一个div(display: block;)，对于其他选项，一共6个。

我试图遵循这个答案 here但它不会工作..有什么建议吗？我的目标是制作一个 onChange/onClick 函数，只有在选择了 2 个选项后，它才会显示 div。

<table width="100%">
<tbody>
    <tr>
        <td>Laufzeit:</td>
        <td align="center"><label>
            <input type="radio" name="laufzeit" value="24-m" id="laufzeit_0" checked>
        24 Months</label>
        </td>
        <td align="center"><label>
            <input type="radio" name="laufzeit" value="36-m" id="laufzeit_1">
        36 Months</label>
        </td>
        <td align="center"><label>
            <input type="radio" name="laufzeit" value="48-m" id="laufzeit_2">
        48 Months</label>
        </td>
    </tr>
    <tr>
        <td>Abrechnung:</td>
        <td align="center"><label>
            <input type="radio" name="abrechnung" value="monthly" id="abrechnung_0" checked>
        Monthly</label>
        </td>
        <td align="center"><label>
            <input type="radio" name="abrechnung" value="yearly" id="abrechnung_1">
        Yearly</label>
        </td>
      <td align="center"></td>
    </tr>
</tbody>

<div class="filter-24-m">24 m</div>
<div class="filter-24-y">24 y</div>
<div class="filter-36-m">36 m</div>
<div class="filter-36-y">36 y</div>
<div class="filter-48-m">48 m</div>
<div class="filter-48-y">48 y</div>

非常感谢!

Answer 1

您也可以为其他单选按钮使用类似的代码

$("#laufzeit_0").change(function(){
    if($(this).is(":checked")){
        if($("#abrechnung_0").is(":checked")){
            $("div.YOUR_DIV_CLASS").show();
        }
    }
});