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是For Razor視圖。

Answer 1

您可以使用：

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

Answer 2

由於您的表單中只有輸入字段。

嘗試這樣的事情：

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

要么

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

工作演示

Answer 3

小提琴

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