Add HTML Attribute without a value using Jquery

Question

I want to add an attribute to a HTML element without a value using JQuery

<input id="r1" type="radio name="r1" value="1">

Add required

<input id="r1" type="radio name="r1" value="1" required>

How can this be done without the =""after the attribute?

don't worry about the `=""`, it's irrelevant just like the missing `/` — Kevin B, Jun 19 '13 at 21:47
it's actually a boolean property and as such not required to have any value. You could add required='fred' and it would work the same. See :http://html5doctor.com/html5-forms-introduction-and-new-attributes/ — scrappedcola, Jun 19 '13 at 21:56
possible duplicate of [Set attribute without value](http://stackoverflow.com/questions/13159180/set-attribute-without-value) — Joshua Taylor, Aug 04 '15 at 12:48

compid · Accepted Answer · 2013-06-19T21:55:47.880

8

The standard practice would be to set the property to true

$("#r1").prop("required", true);

This actually results in markup that exactly reads

<input id="r1" required>

edited Jun 19 '13 at 21:55

answered Jun 19 '13 at 21:50

compid

1

Afaik setting a property won't set an attribute, especially any custom attribute. – Teemu Jun 19 '13 at 21:52
Not sure if it matter but when I use that I get `required="required"` **** This was for `$('#r1').attr()` ***** – ojhawkins Jun 19 '13 at 21:52
@teemu, there are lots of prop/attr bindings: title, name, id, rel, draggable, disabled, required, href, src, className/class, and more, just to name some common ones. – dandavis Jun 19 '13 at 22:02
3

setting the property using .prop sometimes will add an attribute and sometimes won't. It depends on the property and the browser, jQuery isn't doing it. – Kevin B Jun 19 '13 at 22:05

1 Answers1