我试图用jQuery检查是否选择了value = 1的select选项,然后将class添加到某些元素.但有些东西不起作用.可以请一些人看一下代码吗？
我的代码：
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');
}
小提琴的现场例子 – 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/
