Jquery 禁用下拉列表并基于单选按钮为其标签着色
我有以下几点,出于某种原因,我只是不能让下拉菜单禁用或标签改变颜色。基本上,唯一有效的方法是禁用文本框Jquery 禁用下拉列表并基于单选按钮为其标签着色,jquery,forms,colors,Jquery,Forms,Colors,我有以下几点,出于某种原因,我只是不能让下拉菜单禁用或标签改变颜色。基本上,唯一有效的方法是禁用文本框 $(document).ready(function() { $('input:radio[name=Event-Location]').click(function() { var checkval = $(this).val(); $('#Reservation-Style').prop('disabled', !(checkval == 'City1')); $
$(document).ready(function() {
$('input:radio[name=Event-Location]').click(function() {
var checkval = $(this).val();
$('#Reservation-Style').prop('disabled', !(checkval == 'City1'));
$('label[for=Reservation-Style]').css({color:'red'}, !(checkval == 'City1'));
$('label[for=Reservation-Style]').css({color:'black'}, !(checkval == 'City2'));
$('#Permits-Needed').prop('disabled', !(checkval === 'City1'));
$('#Permits-Needed').prop('enabled', !(checkval === 'City2'));
});
});
html看起来像:
<div id="Event-Location" class="formelement">
<input type="radio" name="Event-Location" value="City1" />City 1 Campus<br />
<input type="radio" name="Event-Location" value="City2" />City 2 Campus
</div>
<h3>City 2 Events Only</h3>
<label class="uni-form-text-label" for="Reservation-Style">Reservation Style:</label>
<select name="Reservation-Style" >
<option>- Style -</option>
<option value="Permits">Individual Permits</option>
<option value="Cordon">Cordoned Parking Area</option>
</select>
<label for="Number-Permits-Needed">How Many Permits are needed? </label>
<input id="Number-Permits-Needed" class="text" type="text" name="Number-Permits-Needed" size="15">
城市1校区
城市2校区
仅限城市2活动
预订风格:
-风格-
个人许可证
警戒停车场
需要多少许可证?
获取调用$(“#Reservation Style”)的选择菜单,该菜单将查找id为Reservation Style的元素。您提供的html在任何地方都没有该id。您的选择菜单只有一个预订风格的名称。谢谢!我整个上午都在盯着这个,我知道这会是一件愚蠢的事情。