如何根据下拉选择

时间:2016-04-01 18:01:16

标签: jquery

我想根据下拉选项一次显示一个单选按钮组。下面是我的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>

2 个答案:

答案 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');
    });