How to remove or change an attribute in jQuery

Question

I want to remove and add required attribute to a field according to some conditions using jQuery. This changes in DOM, but it doesn't change visually.

My code

$('#id').removeAttr('required');
$("#id").attr('ng-required','true');
$("#id").attr('required','true');

Even used .prop(), but nothing seemed to work.

do you try `attr.$observe('required', ...)` in your directive? — plong0, Aug 18 '16 at 05:36
@plong0,No I haven't used that.Can you please explain me how to use it.I have no idea how to use this cause I'm new to development.Thank You — g.vihnga, Aug 18 '16 at 05:47
Possible duplicate of [How to set HTML5 required attribute in Javascript?](http://stackoverflow.com/questions/18770369/how-to-set-html5-required-attribute-in-javascript) — Rajeesh Menoth, Aug 18 '16 at 05:53
What is controlling the visual aspect of the element (is it in an angular directive, plain html)? What changes are you expecting to happen? — plong0, Aug 18 '16 at 14:18

Mairaj Ahmad · Answer 1 · 2016-08-18T05:58:48.900

0

Try this for adding and removing required attribute. Value of required attribute is required not true

$('#email').removeAttr('required');
$("#email").attr('required','required');
$("#email").attr('ng-required','required');

edited Aug 18 '16 at 05:58

answered Aug 18 '16 at 05:38

Mairaj Ahmad

14,434
2
26
40

I have tried this also.I did change the DOM.But still it didn't change it visually.In browser it is still in previous state – g.vihnga Aug 18 '16 at 05:43
– g.vihnga Aug 18 '16 at 05:56
ID of your element is `email` not `id` you are targeting wrong id.Updated the answer. – Mairaj Ahmad Aug 18 '16 at 05:59
Oh sorry Leopard.I used that correctly.But have changed it to ask my question.I have used #email in Jquery – g.vihnga Aug 18 '16 at 06:04
No @Leopard there is no error.It also changes from DOM.But not visually from browser – g.vihnga Aug 18 '16 at 06:22

score 0 · Answer 2 · answered Aug 18 '16 at 05:51

0

Instead of 'true' use true

Try this code :

$('#id').removeAttr('required');
$('#id').prop('required',true);

answered Aug 18 '16 at 05:51

Rajeesh Menoth

1,704
3
17
33

score 0 · Answer 3 · answered Aug 18 '16 at 10:22

0

$('#id').removeAttr('required');

Should be working, are you sure you are targeting the proper element?

Also the .prop should be used with 'false' not true

answered Aug 18 '16 at 10:22

Sptfr

29
4

score 0 · Answer 4 · edited Aug 27 '21 at 16:03

0

Try using your jQuery like this:

$("#id").attr("required", false);

edited Aug 27 '21 at 16:03

Adrian Mole

49,934
160
51
83

answered Aug 25 '21 at 06:54

Mohammad Arslan Rajpoot

1
1

How to remove or change an attribute in jQuery

My code

4 Answers4