jquery - 当我选择特定选项 jQuery 时如何删除类

Question

我是 jQuery 的新手，在谷歌搜索了 1 天后，我仍然没有找到解决方案。当我选择带有 value="test" 的选项时，我需要删除 class="hidden" 并在我选择时添加 class="hidden"没有提交按钮的另一个选项。请帮忙。

<select name="cars" class="help">
    <option value="volvo">volvo</option>
    <option value="saab">saab</option>
    <option value="mercedes">mercedes</option>
    <option value="audi">audi</option>
    <option value="test">Test</option>
</select>
<input type="checkbox" class="hidden">

我试过:

$('.select option[value="test"]').clcik(function(){
    $(".hidden").removeClass();
});

还有很多不同的东西(给选项或一些标签一个 id)但仍然没有 :(

Answer 1

您应该使用选择更改事件，并在它更改时检查值，因为选项通常不会触发鼠标事件。

$('.help').on('change', function() {
    if (this.value == 'test') $('.hidden').removeClass('hidden');
});

切换输入类，做

$('.help').on('change', function() {
    $('input[type="checkbox"]').toggleClass('hidden', this.value != 'test');
});

FIDDLE