选择 jQuery IF 选项

Question

我正在尝试使用 jQuery 检查是否选择了值 = 1 的选择选项，然后将类添加到某些元素。但有些东西不起作用。可以请人看一下代码吗？

我的代码:

Reservation <br/>
<select id="rReservation" name="rReservation" class="">
                                <option value="0">Maybe</option>
                                <option value="1">Sure</option>
</select>
<hr/>
Name <br/>
<input type="text" name="rCardUser" class="mRequired" />

<hr/>
Card<br/>
<input type="text" name="rCardNrr" class="mRequired" />

jQuery

if ($("#rReservation").val() == "1") {
   $('.mRequired').addClass('required');
} else {
   $('.mRequired').removeClass('required');
}

fiddle 的实时示例 - http://jsfiddle.net/C7Gg3/

Answer 1

您需要在事件处理程序中使用它:

$('#rReservation').change(function(){
    $('.mRequired').toggleClass('required', $(this).val() == '1');
});

http://jsfiddle.net/AlienWebguy/C7Gg3/1/

如果您希望它仅在加载时触发，则需要将 selected="selected" 添加到其中一个选项，因为在“选择”一个选项之前，$('# rReservation").val() 将为 null。示例:http://jsfiddle.net/AlienWebguy/C7Gg3/3/