将属性更改为只读不起作用

Question

我有一个内联创建的表，即你点击添加行，它会打开一个可编辑的行 您可以将数据放入并有一个保存按钮。

我尝试做的是两件事

1. 当您点击保存（btnsubmit）时，它会将行状态从editble更改为read only。我该怎么做？
2. 并为此特定行添加一个新按钮进行编辑..

这是我想要的代码，文本框名称和复选框1将更改为只读

    //Append new row
    var html = '<tr><td>@Html.TextBox("name")</td><td>@Html.CheckBox("checkBox1")</td><td><input id="btnsubmit" type="submit" value="Create" class="btn btn-default" /></td><td></tr>';

    function addRow() {
        if ($('#btnsubmit').length == 0) {

            jQuery(html).prependTo('#data-table');

            $('#btnsubmit').click(function () {

                $('#btnsubmit').hide();
                $('#name').prop('readonly', true);
                initRowEvents(jQuery(document));

            });

        }
    }

name属性未更改为只读... 我尝试使用hide到行按钮，但我不确定它是否是最好的方式，因为当我执行remove操作时未调用...

Answer 1

小提琴：http://jsfiddle.net/tmab8/

你所做的一切，除了它不是道具，而是attr： - ）

$('input').attr('readonly','')

Answer 2

readonly不是支持而是根据Readonly W3C

的HTML规范的属性

尝试这个可行：

$('#name').attr('readonly', true);

Answer 3

您是否尝试过$('#name').attr('readonly', true);