0

我有五个单选按钮如下：

<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 测试器的单选按钮以显示带有名称的选择菜单DripFeed1。

感谢帮助。

4

1 回答 1

2

由于您无法取消选中一个收音机并且只能选中该组中的一个收音机，因此任何更改通常都是选中它，如果选中的收音机的 ID 匹配Tester，则显示DripFeed1和隐藏DripFeesd，否则执行相反的操作：

$('[name="PackageID"]').on('change', function() {
    var state = this.id == 'Tester';

    $('[name="DripFeed1"]').toggle(state);
    $('[name="DripFeed"]').toggle(!state);
});

请注意，ID 是唯一的，并且您select3-basic多次使用（以及相同的 tabindex）。

小提琴

于 2013-06-27T18:20:10.650 回答