Question

我有五个单选按钮如下：

<input type="radio" id="Gold" name="PackageID" value="77"/>
<input type="radio" id="Silver" name="PackageID" value="73"/>
<input type="radio" id="Bronze" name="PackageID" value="72"/>
<input type="radio" id="Copper" name="PackageID" value="94"/>
<input type="radio" id="Tester" name="PackageID" value="71"/>

并且选择以下两个选项：

<select name="DripFeed" id="select3-basic" tabindex="1" data-placeholder="Days.." class="span1">
<option value="1">1</option>
<option value="2">2</option>
</select>

<select name="DripFeed1" id="select3-basic" tabindex="1" data-placeholder="Days.." class="span2">
<option value="1">1</option>
<option value="2">2</option>
<option value="2">3</option>
<option value="2">4</option>
<option value="2">5</option>
<option value="2">6</option>
</select>

现在我需要的是，一旦用户选择ID为Gold, Silver, Bronze, Copper的单选按钮，以显示名称为DripFeed的选择菜单，并且一旦用户选择带有ID测试器的单选按钮，则显示名为{{的选择菜单1}}。

感谢您的帮助。

Answer 1

由于您无法取消选中收音机并且只能检查该组中的一个收音机，因此通常会进行任何更改以进行检查，如果选中的收音机的ID与Tester匹配，则显示{{1并隐藏DripFeed1，否则执行相反的操作：

DripFeesd

请注意，ID是唯一的，您多次使用$('[name="PackageID"]').on('change', function() { var state = this.id == 'Tester'; $('[name="DripFeed1"]').toggle(state); $('[name="DripFeed"]').toggle(!state); });（以及相同的tabindex）。

FIDDLE

选择不同的单选按钮时显示不同的SELECT菜单

1 个答案: