<form name="form2" id="form2" action="" method="post" enctype="multipart/form-data">
<input type="hidden" class="nui-hidden" name="originalId"/>
<input type="hidden" class="nui-hidden" name="transferId"/>
<input type="hidden" class="nui-hidden" name="orgId"/>
<input type="hidden" class="nui-hidden" name="isMultiOrg"/>
<div class="fieldset-body">
<table class="form-table" style="width:80%;" border="0" cellpadding="1" cellspacing="2">
<tr>
<td class="form-label" style="width:15%;" align="right">回复标题:</td>
<td colspan="3">
<input name="replyTitle" type="text" value='<b:write property="tLetterTransferReply/replyTitle"/>' readonly="readonly" style="border: 0;"/>
</td>
</tr>
<tr>
<td class="form-label" style="width:15%;" align="right" valign="top">回复内容:</td>
<td colspan="3">
<h:textarea property="tLetterTransferReply/replyContent" rows="4" cols="50" readonly="true" style="border: 0;"/>
</td>
</tr>
<tr>
<td class="form-label" style="width:15%;" align="right">回复说明:</td>
<td colspan="3">
<input name="replyTitle" type="text" value='<b:write property="tLetterTransferReply/replyNote"/>' readonly="readonly" style="border: 0;"/>
</td>
</tr>
</table>
</div>
<center>
<div id="reply">
<a class="nui-button" <a class="nui-button" id="update" <a class="nui-button" id="update" </div>
<div id="yes" style="display: none;">
<a class="nui-button" <a class="nui-button" id="update" </div>
</center>
</form>
js实现如下:
function labelModel() { var form = document.getElementById("form2").getElementsByTagName("input");//获取该表单下的input元素 for (var i = 1 ; i < form.length; i++) { var c = form[i]; if (c.readOnly==false){ c.readOnly=true; c.style.cssText="border:0;"; } } document.getElementById("yes").style.display='none'; document.getElementById("reply").style.display='inline'; } function inputModel() { document.getElementById("yes").style.display='inline'; document.getElementById("reply").style.display='none'; var form = document.getElementById("form2").getElementsByTagName("input"); for (var i = 0 ; i < form.length; i++) { var c = form[i]; if (c.readOnly){ c.readOnly=false; c.style.cssText="border:1;"; } } }
转载于:https://blog.51cto.com/msuccess/1273027