js实现文本框的锁定与解锁

来源：互联网发布：螺纹钢理论重量表算法编辑：程序博客网时间：2024/05/14 20:19

//script

<script type="text/javascript"> function lock(flag){  var txtArrs = document.getElementsByTagName('input');  for(var i=0; i<txtArrs.length; i++){   var txt =  txtArrs[i];   if(txt.type == 'text'){    if(flag == 'true'){     txt.disabled = true;    }else{     txt.disabled = false;    }   }  } }</script>

//test

<form action="${pageContext.request.contextPath}/map/originalMap_edit.do" ><table cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" border ="0" width="40%" height="40%" background="images1/bg.png">    <tr>        <th colspan="2" id="v_text1">详细信息列表</th>    </tr>    <tr>        <td align="right"><font style="font-size: 20px">图片名称:</font></td>        <td>            <input disabled="disabled"  type="text"  name="v_tupianmingcheng" value="${sessionScope.Msg.tupianmingcheng }"/>        </td>    </tr>    <tr>        <td align="right"><font style="font-size: 20px">图册名称:</font></td>        <td>            <input disabled="disabled" type="text"  name="v_tucemingcheng" value="${sessionScope.Msg.tucemingcheng }"/>        </td>    </tr>        <tr>        <td align="right"><font style="font-size: 20px">描述:</font></td>        <td>            <input disabled="disabled"  type="text" name="v_miaoshu" value="${sessionScope.Msg.miaoshu}"/>        </td>    </tr>            <tr>        <td align="right"><font style="font-size: 20px">比例尺:</font></td>        <td>            <input disabled="disabled" type="text"  name="v_bilichi" value="${sessionScope.Msg.bilichi }" />        </td>    </tr>        <tr>                <td colspan="2"  align="right">        <input type="button" value="修改信息锁定" onclick="lock('true')" />        <input type="button" value="修改信息解锁" onclick="lock('false')" />            <input  type="submit" value="保存修改信息" id="v_sub" />        </td>    </tr></table></form>

阅读全文

0 0