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

Question

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

我想做的是两件事

1. 当您点击保存(btnsubmit) 时，它会将行状态从可编辑 更改为只读。我应该怎么做？
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));

        });
      
    }
}

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

Answer 1

fiddle :http://jsfiddle.net/tmab8/

你做的一切都是对的，除了它不是 Prop ，而是属性:-)

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