JQuery изменить все атрибуты в форме к чему-то еще

Question

У меня есть форма с элементами форм, например следующим образом:

@using (Html.BeginForm("Edit", "UserProfile", FormMethod.Post, new { id = "EditUserForm", @class = "form-horizontal form-bordered" })) 
{ 

    <div class="form-group"> 
     @Html.LabelFor(m => m.Email, new { @class = "col-sm-4 control-label" }) 
     <div class="col-sm-8"> 
      @Html.TextBoxFor(m => m.Email, new { @class = "form-control", type = "text", @readonly = "readonly" }) 
     </div> 
    </div><!-- form-group --> 

    <div class="form-group"> 
     @Html.LabelFor(m => m.Name, new { @class = "col-sm-4 control-label" }) 
     <div class="col-sm-6"> 
      @Html.TextBoxFor(m => m.Name, new { @class = "form-control", type = "text", @readonly = "readonly" }) 
     </div> 
    </div><!-- form-group --> 

} 

Я хочу использовать JQuery для перебора всех элементов в форме и изменить/удалить readonly Атрибут. Когда я нажимаю кнопку/элемент.

как мне это сделать. Я знаю только, как изменить атрибут одного элемента, который я знаю?

html is for Razor view.

Answer 1

Вы можете использовать:

$(function() { 
    $('#EditUserForm [readonly]').prop('readonly', false); 
}); 

Answer 2

Поскольку в вашей форме есть только поля ввода.

попробовать что-то вроде этого:

$('input[readonly]').removeAttr('readonly'); 

ИЛИ

$('#EditUserForm input[readonly]').removeAttr('readonly'); 

Working Demo

Answer 3

FIDDLE

$(".form-group input[type=text").each(function(){ 
     var attr=$(this).attr('readonly'); 
     if(typeof attr !==typeof undefined || attr!==false) 
      $(this).removeAttr('readonly'); 
    });