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

//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>