JS通过s:radio选择改变s:textfield是否可写

 此界面的功能就是通过s:radio选择改变一些s:textfield是否可写,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <%@ taglib prefix="s" uri="/struts-tags"%>
 <head>
  <%@ page contentType="text/html; charset=UTF-8"%>
  <%@ page pageEncoding="UTF-8"%>
  <title>无标题文档</title>
   </head>
 <body οnlοad="return tmplatecheck()">
  <s:form action="templatetype!TemplateAddEdit.action">
         <table align="center" class="editTable">
            <tr>
       <th>
        同步地址类型
       </th>
       <td>
        <s:radio name="TemplateTypeForm.Sp_synchro_type_id" list="#{'1':'不可写,'2':'可写'}" listKey="key" listValue="value" value="1" οnclick="return tmplatecheck()"></s:radio>
        </td>

       <td>
            <s:textfield name="TemplateTypeForm.mo_mobile" ></s:textfield>
          </td>
      </tr>
      </table>
  </s:form>
 </body>
</html>
<script type="text/javascript">

function tmplatecheck() {
 var Sp_synchro_type_id = document
   .getElementsByName('TemplateTypeForm.Sp_synchro_type_id');
 if (Sp_synchro_type_id != null) {
  var i;
  for (i = 0; i < Sp_synchro_type_id.length; i++) {
   if (Sp_synchro_type_id[i].checked) {
    //alert(Sp_synchro_type_id[i].value);
    if (Sp_synchro_type_id[i].value == 1) {
          document.getElementsByName("TemplateTypeForm.mo_mobile")[0].readOnly = true;
        } else {
          document.getElementsByName("TemplateTypeForm.mo_mobile")[0].readOnly = false;
         }
   }
  }
 }
 return true;
}
</script>

值得注意的是几个取值的地方。

本来希望通过JS来改变不同的界面显示,但无耐时间紧,又不会JS,所以只有出此下策。加油!奋斗

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值