如何edit按钮控制表单可编辑状态

Question

照图片的显示，当点击edit按钮后，本行内容部分变为可编辑的，这只是在页面上进行的操作，没有设计调用类。js的方式。
最后可以点击submit按钮提交，然后才进行数据库的操作，调用类来出来逻辑。

Answer 1

function isEditer(obj){
  obj.disable=true;//将该对象的disable设置成true
}在edit按钮上添加onclick="isEditer(document.getElementById("txtId"))";//假设文本框的id为txtId，自己设定的。
不知道正确不，没电脑测试，你自己试一下吧，

Answer 2

没看懂你的意思
如果是改变编辑状态，楼上的可以，
另外，你如果想某个 text ，他应该是 可编辑的，否则，不会提交到服务器上，你可以试试

Answer 3

具体是这样：这个页面初始化时是从数据库里取数据，放到页面显示，用的struts来实现，现在当我点击edit时这个输出框变成可输入的，我的思路是设置两行，第一行是输出框，第二行是输入框，
<tr>
<td align="left">
    <h:out value="${wtrAcntInfo.wtr.wtrNm}"/>
    <h:hidden property="result[${i.index}].wtr.wtrNm"/>
    <h:hidden property="result[${i.index}].pl"/>
    <h:hidden property="result[${i.index}].glAcntNum"/>
    <h:hidden property="result[${i.index}].ccenterCd"/>         
</td>              
<td align="center"><h:out value="${wtrAcntInfo.pl}"/></td>
<td align="center"><h:out value="${wtrAcntInfo.glAcntNum}"/></td>
<td align="center"><h:out value="${wtrAcntInfo.ccenterCd}"/></td>
<td align="center">     
    <h:button style="width:70px" property="delete" value="button.delete" onclick="JavaScript:onDelete(this)"/>
    <h:button style="width:70px" property="edit" value="button.edit" onclick="JavaScript:onEdit(this)"/>
    <input type="checkbox" name="Active" unchecked enabled/>Active
    <h:hidden property="result[${i.index}].editSign"/>    
</td>
</tr>
<tr style="display:none;">
<td align="left">
    <h:out value="${wtrAcntInfo.wtr.wtrNm}"/>        
</td>              
<td align="center"><h:out value="${wtrAcntInfo.pl}"/></td>
<td align="center">
    <input type="text" name="resultList[${i.index}].glAcntNum" value="${wtrAcntInfo.glAcntNum}" size="12"/>
    <input type="hidden" name="result[${i.index}].glAcntNum" value="form.elements["resultList[${i.index}].glAcntNum"].value"/>
</td>
<td align="center">
    <input type="text" name="wtrAcntInfo.ccenterCd" value="${wtrAcntInfo.ccenterCd}" size="12"/>
    <input type="hidden" name="result[${i.index}].ccenterCd" value="form.elements["wtrAcntInfo.ccenterCd"].value"/>
</td>
<td align="center">
    <h:button style="width:70px" property="delete" value="button.delete" onclick="JavaScript:onDelete(this)"/>
    <h:button style="width:70px" property="edit" value="button.edit"/>
    <input type="checkbox" name="Active" unchecked enabled/>Active
    <h:hidden property="result[${i.index}].editSign"/>
</td>
</tr>就是<input type="text" name="wtrAcntInfo.ccenterCd" value="${wtrAcntInfo.ccenterCd}" size="12"/>
这个地方，如果写成这样，那么在点submit后，在逻辑处理中，怎么取这个name="wtrAcntInfo.ccenterCd"的值，如果写成
name="resultList[${i.index}].glAcntNum" 又取不到值。
所以，就是这样，哪位高人指点一下