我想根据下拉选项一次显示一个单选按钮组。下面是我的html,显示了几个不同的单选按钮组。
<div class="radioshow" id="whatlist">
<div class="tooltip">
<label class="radio">
<input type="radio" name="media" value="interview" />
<span>Wx Interview</span>
</label>
</div>
<div class="tooltip">
<label class="radio">
<input type="radio" name="media" value="genq" />
<span>General Q</span>
</label>
</div>
<div class="tooltip">
<label class="radio">
<input type="radio" name="embrief" value="wxbrief" />
<span>Wx Brief</span>
</label>
</div>
<div class="tooltip">
<label class="radio">
<input type="radio" name="embrief" value="eventsppt" />
<span>Event Sppt</span>
</label>
</div>
<div class="tooltip">
<label class="radio">
<input type="radio" name="nws" value="coord" />
<span>Coordination</span>
</label>
</div>
<div class="tooltip">
<label class="radio">
<input type="radio" name="nws" value="backup" />
<span>Backup Sppt</span>
</label>
</div>
</div>
这是我的jquery代码。看起来这应该有用,但不行。
<script type="text/javascript">
$('.tooltip').addClass('dontshow');
$('#select1').change(function () {
var groupname = $(this).val();
$('.tooltip input:radio[name=' + groupname + ']').removeClass('dontshow');
});
</script>
答案 0 :(得分:1)
="INSERT INTO songs (artist_id, song) VALUES (" & Vlookup(A1, C:D, 2, false) & ",'" & SUBSTITUTE(B1, "'", "") & "');"
类已添加到dontshow
。但是你要从单选按钮中删除它。尝试以下。
.tooltip
答案 1 :(得分:0)
我不得不在.change函数中添加第二个$('.tooltip').addClass('dontshow');
,这样单选按钮就不会堆积起来&#34;连续下拉选择......
$('.tooltip').addClass('dontshow');
$('#select1').change(function () {
$('.tooltip').addClass('dontshow');
var groupname = $(this).val();
$('input:radio[name=' + groupname + ']').closest('.tooltip').removeClass('dontshow');
});