Question

无法采用此处的任何示例，因此我会将此作为新问题发布。

我有几个表行，一个带单选按钮：

<tr id="catering-types">
    <td colspan="2">Catering Option</td>
    <td>
        <div class="catering-radio-option">
        <label><input type="radio" name="catering_type" id="pickup-only" value="pickup-only" checked="checked">
        Pickup Only</label>
        </div>
        <div class="catering-radio-option">
        <label><input type="radio" name="catering_type" id="delivered" value="delivered">Delivered</label>
        </div>
        <div class="catering-radio-option">
        <label><input type="radio" name="catering_type" id="fully-serviced" value="fully-serviced">Fully Serviced</label>
        </div>
    </td>
</tr>

根据用户在单选按钮中签入的内容，

和下面的行应隐藏或显示。在这个例子中，如果用户选择“Delivered”单选按钮，则只显示下面的表行，否则应该隐藏它。

由于

乔治

Answer 1

向单选按钮添加单击处理程序。如果选中，那么你可以去 $（this）.closest（'tr'）。next（）。hide（）;

最近的是您需要的神奇功能。它向上搜索正确的选择器。

只需添加onclick =“$（this）.closest（'tr'）。next（）。hide（）;”作为无线电按钮的属性。

这会隐藏之后行的餐饮类型行。点击处理程序中的选择器当然必须更改其他类型。

jQuery：根据选中的单选按钮隐藏或显示表行

1 个答案: