我正在尝试使用 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/
最佳答案
您需要在事件处理程序中使用它:
$('#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/
关于选择 jQuery IF 选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7112393/