可编辑的个人资料页面

Question

我正在使用Twitter引导程序。

我想创建一个左上角带有edit按钮的个人资料页面。

当用户单击此按钮时，

所有配置文件字段都变为可编辑状态

（我认为input元素）

知道如何最容易地实现它吗？

Answer 1

如果你不能指望每个人都使用HTML5，你可以用一种艰难的方式做到这一点，从禁用或只读的所有字段开始，然后按下按钮，你改变属性。使用相同的功能，您可以显示或启用"保存"按钮。 像...

// Lock or Unlock Controls ////////////////////////////////////////////////////////////////////////////
function lockControls(setLock) {
   var bOk = setLock;
   $("#btnSave").attr('disabled', bOk);
   $("#emailMessage").attr('disabled', bOk);
   $("#emailSubject").attr('disabled', bOk);
   $("#buildingList").attr('disabled', bOk);
}