codingtcher.com
Theme Night
Home
Login

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
$('#edit-submitted-first-name').removeAttr('required');

//remove attribute jquery
$("button").click(() => {
  $("div").removeAttr("id");
});

//jquery remove required attribute
//jQuery option 1
$('#fieldToRemove').prop('required',false);

//jQuery option 2
$('#fieldToRemove').removeAttr('required');

//with querySelector
document.querySelector('#fieldToRemove').required = false;
//add attribute jquery
$('#someid').attr('name','value');

//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
$('#id').removeAttr('readonly');

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

Related Code