Menu
How can I disable a label with jQuery? I tried:
$('#some-id').prop('disabled', true);
but it's not grayed out.
My HTML is: <label for="some-id">Label Here</label><input id="some-id"/>
487
A label can't be disabled. One of the effects it has is to extend the click target of a form control, so you probably want to disable the form control instead. However, for some reason, all your labels are associated with the same control (the one with id="u" ), which suggests that you aren't using <label> correctly.
We can easily disable input box(textbox,textarea) using disable attribute to “disabled”. $('elementname'). attr('disabled','disabled'); To enable disabled element we need to remove “disabled” attribute from this element.
pointer-events:none; display:block; Display block is required if the label contains other block level elements.
An element can be disabled in HTML by setting disable property to true and enabled again by setting disabled=false. By using jQuery, you can grab the element you want to enable or disable and change this property by using the prop() or attr() function, depending upon the version of jQuery you are using.
labels do not have a disable property inherently built in. You will need to add a class to disable them yourself.
Something like:
.disabled {
color: darkgrey;
background-color: grey;
}
And to add the class to your element:
$('#some-id').addClass('disabled');
To disable a label, disable the form control it is associated with.
That won't change the appearance of the label though, for that you have to change the CSS that applies to it. That is best done by adding (or removing) a class from the element (and having a pre-existing CSS ruleset that matches that class).
37
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
