我有一些标签,如:
<label> <input type="checkBox" name="the_name" id="the_name" /> Label text </label>
有时被禁用
$("#the_name").prop('disabled',true);
解决方法
您可以通过选择输入的父级并在禁用控件时将其添加到标签中来添加CSS规则
$("#the_name").prop('disabled',true).parent().css({backgroundColor:'#fcc'});
另外,我认为标签是这样使用的:
<label for="the_id">Label text</label> <input type="checkBox" name="the_name" id="the_id" />
在这种情况下,您可以通过属性选择标签,并按照您的需要应用css,如下所示:
$("#the_id").prop('disabled',true); $('label[for=the_id]').css({backgroundColor:'#fcc'});
参见小提琴演示:http://jsfiddle.net/bq52X/