博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS通过s:radio选择改变s:textfield是否可写
阅读量:2399 次
发布时间:2019-05-10

本文共 1349 字,大约阅读时间需要 4 分钟。

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">
 <%@ 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,所以只有出此下策。加油!奋斗

你可能感兴趣的文章
学好英语的20个经典要诀(转)
查看>>
看板管理 (zt)
查看>>
基于信息融合的供应链合作伙伴选择刍议 (zt)
查看>>
对BPR七个阶段模型的理解
查看>>
[思维导图学习五] 思维导图在企业培训中的应用[转]
查看>>
企业物流营销组合模式探讨 (zt)
查看>>
浅谈执行力文化(zt)
查看>>
内部控制是加强执行力的关键因素(zt)
查看>>
实用英语40句(zt)
查看>>
企业知识管理咨询实操七(zt)
查看>>
形容一个人「小气、吝啬」的十句话
查看>>
ERP实施十大败因(转载)
查看>>
IT规划十步法(zt)
查看>>
颜色类中英文词汇大全(1)
查看>>
七种最重要的管理方法(zt)
查看>>
莫做职场中六种“植物人”(zt)
查看>>
第八章 组织结构设计与类型
查看>>
精益生产问答 (zt)
查看>>
物流仓储选择无线系统经验10条(zt)
查看>>
激励员工101招(zt)
查看>>