Theme Night

Attr jquery

//jquery set attribute readonly
// jQuery < 1.9
$('#id').attr('readonly', true);

// jQuery >= 1.9
$('#id').prop('readonly', true);

//add readonly attribute jquery
$('#inputId').attr('readonly', true);
//remove required attribute jquery

//remove attribute jquery
$("button").click(() => {

//jquery remove required attribute
//jQuery option 1

//jQuery option 2

//with querySelector
document.querySelector('#fieldToRemove').required = false;
//add attribute jquery

//jquery add attribute
$( some_item ).attr( "id", "some-id" );
// for setting multiple attributes, it's similar to the css() property. However, quotes are not always required for attr()
$( some_item ).attr({
  id: "some-id",
  // or others.
  title: "Opens in a new window",
  // attributes which contain dash(-), should be covered in quotes.
  "data-value": "internal link"
//add attribute selected jquery
$(document).on('change', 'select', function () {
            var value = $(this).val();
            $(this).find('option[value="' + value + '"]').attr("selected", "selected");
//add id jquery
$('element').attr('id', 'value');
//jquery remove readonly

// or
$('#id').attr('readonly', false);

Related Code