<tr>
            <td align="right" width="200">开始时间</td>
            <td align="left"><t:datetext t:id="begDate" value="obj.begDate"/></td>
            <td align="right">结束时间</td>
            <td align="left"><t:datetext t:id="endDate" value="obj.endDate"/></td>
            <td align="left">
            <t:radiogroup t:value="obj.sex">
<input t:id="sex1" type="radio" t:type="radio" t:value="literal:恢复" class="radio"/>恢复
<input t:id="sex2" type="radio" t:type="radio" t:value="literal:永久停用" class="radio"/>永久停用
</t:radiogroup>
</td>
            </tr>要做的效果就是,如果点击永久停用按钮,将结束时间的输入框灰掉(不能输入) 具体怎么做,在线等

解决方案 »

  1.   

    document.getElementById('XXX').disabled=true;
      

  2.   


    <html>
    <head>
    <title>XXXXXX</title>
    <script language="javascript">
    function test() {
    if(document.getElementById("sex2").checked) {
    document.getElementById("endDate").disabled = true;
    } else {
    document.getElementById("endDate").disabled = false;
    }
    }
    </script>
    </head>
    <body>
    <table>
    <tr>
    <td align="right" width="200">start time:</td>
    <td align="left"><input type="text" id="begDate" value="2012/03/06"/></td>
    <td align="right">end time:</td>
    <td align="left"><input type="text" id="endDate" value="2012/03/31"/></td>
    <td align="left">
    <input id="sex1" name="group" type="radio" value="recover" onClick="test();"/>recover
    <input id="sex2" name="group" type="radio" value="stop" onClick="test();"/>stop
    </td>
    </tr>
    </table>
    </body>
    </html>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>test2.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"><!--<link rel="stylesheet" type="text/css" href="./styles.css">--></head>
    </style>
      <script type="text/javascript"  src="jquery-1.4.4.js"></script>
      <script>
       function myClick(){
    var endNode = document.getElementById('end');
    var value = document.getElementById('start').value;
    endNode.disabled=true;
    endNode.value =  value;
    }
      </script><body>
    <tr>
    <td align="right" width="200" >开始时间</td>
    <td align="left"><t:datetext t:id="begDate" value="obj.begDate  id="start""/></td>
    <td align="right">结束时间</td>
    <td align="left"><t:datetext t:id="endDate" value="obj.endDate" id="end/></td>
    <td align="left">
    <t:radiogroup t:value="obj.sex">
    <input t:id="sex1" type="radio" t:type="radio" t:value="literal:恢复" class="radio"/>恢复
    <input t:id="sex2" type="radio" t:type="radio" t:value="literal:永久停用" class="radio" onClick="myClick();"/>永久停用
    </t:radiogroup>
    </td>
    </tr>
    </body>
    </html>
      

  4.   

    已经很具体了.
    <script language="javascript">
        document.getElementById("sex2").onclick = function() {
    document.getElementById("endDate").value = '';
        document.getElementById("endDate").disabled=true;
    }
    document.getElementById("sex1").onclick = function() {
        document.getElementById("endDate").disabled=false;
    }</script>
      

  5.   

    <t:layout2 xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd">
    <div t:type="navBar/NavBar" urlList="urlList" class="nav"/>
       
        <table width="100%" border="0" cellspacing="0" cellpadding="0" ><tr style="height:27">
           <t:if t:test="ifqx">
             <td width="100" align="center" class='tableClass_xydjDH'><t:actionlink t:id="jbxx" context="id" >基本信息</t:actionlink></td>
      <t:parameter t:name="else">
         <td width="100" align="center" class='tableClass_xydjDH'><t:actionlink t:id="jbxx2" context="id" >基本信息</t:actionlink></td>
      </t:parameter>
      </t:if>  
       <td width="100" align="center" class='tableClass_xydjDH'><t:actionlink t:id="jlzw" context="id" >教练指纹</t:actionlink></td>
       <td width="100" align="center" class='tableClass_xydjDHON'><t:actionlink t:id="jlty" context="id" >教练停用</t:actionlink></td>
       <td width="100" align="center" class='tableClass_xydjDH'><t:actionlink t:id="jlzs" context="id" >教练证书</t:actionlink></td>
       <td width="100" align="center" class='tableClass_xydjDH'><t:actionlink t:id="jlll" context="id" >教练履历</t:actionlink></td>
       <td width="150" align="center" class='tableClass_xydjDH'><t:actionlink t:id="xykh" context="id" >教学质量信誉考核</t:actionlink></td>   
       <td align="center" class="tableClass_xydjBK"></td>
    </tr>
      </table>
       
    <div><t:zone t:id="ref2" visible="true">        
          <t:delegate to="activeBlock"/>           
    </t:zone>        <t:block  t:id="refBlock2">
    <t:grid t:source="glist" row="rowObject" model="model"  rowsPerPage="5"  pagebz="1"
                         reorder="xid,coachName,begDate,endDate,cause"
                         exclude="id,coachId,tfcId,ayId,lastmodUnitId,lastmodUnitName,lastmodUserId,lastmodUserName,lastmodTime,createUnitId,createUnitName,createUserId,createUserName,createTime">
                         <t:parameter name="causeCell">
         <t:dotformat   t:value="rowObject.cause" length="10"/>
      </t:parameter>                      
                         <t:parameter name="editCell">
                   <t:if  t:test="ifid">  
                    <t:if t:test="ifqx1"> 
    <t:actionlink t:id="edit" zone="ref"  context="rowObject.id" onclick="selectRow3(this);">修改</t:actionlink>
    </t:if>
      </t:if>
    </t:parameter>
    <t:parameter name="viewCell">
                   <t:if  t:test="ifid">  
    <t:actionlink t:id="view"  zone="ref"  context="rowObject.id" onclick="selectRow3(this);">查看</t:actionlink>
      </t:if>
    </t:parameter>
    <t:parameter name="delCell">
                   <t:if  t:test="ifid">  
                    <t:if t:test="ifqx2"> 
    <div onclick="del('hid_${rowObject.xid}')" class="hreflink">删除</div>
    <input type="hidden" id="hid_${rowObject.xid}" value="${rowObject.id}"/>
    </t:if>
      </t:if>
    </t:parameter>
        
    </t:grid>
           <t:if t:test="if_save"> 
                 <script>alert("保存成功!");</script>
           </t:if>
    </t:block>
    <div align="center"><t:if t:test="ifqx1"><input type="button" name="save" class="button"  value="新增" onclick="add()" style="width:60"/></t:if>
     <input  type="button"  value="返回" onclick="back.click()" class="button" style="width:60"/> 
    <t:form style="padding:0px;margin:0px;visibility:hidden"><t:datetext t:id="tt" value="obj.lastmodTime" style="height:1"/></t:form></div>
    <!--教练永久停用  hz 2012.3.26 -->
    <t:zone t:id="ref" />         
    <t:block  t:id="refBlock">
    <t:form zone="ref2" style="padding:0px;margin:0px;">
         <table>
                <tr>
                <td align="right" width="200">开始时间</td>
                <td align="left"><t:datetext t:id="begDate" value="obj.begDate"/></td>
                <td align="right">结束时间</td>
                <td align="left"><t:datetext t:id="endDate" value="obj.endDate"/></td>
                <td align="left">
                <t:radiogroup t:value="obj.sex">
    <input t:id="sex1" type="radio" t:type="radio" t:value="literal:恢复" class="radio" onClick="test();"/>恢复
    <input t:id="sex2" type="radio" t:type="radio" t:value="literal:永久停用" class="radio" onClick="test();"/>永久停用
    </t:radiogroup>
    </td>
                </tr>
                <tr>
                 <td align="right">停用原因</td>
                 <td align="left" colspan="4"><t:textarea t:id="re" value="obj.cause" cols="80" rows="4" colspan="6" t:validate="maxlength=255"/></td>
                </tr>   
                <tr>
                 <td colspan="5" align="center">
                 <input type="button" class="button" onclick="savedata()" value="保存" style="width:60" />
                 <input type="submit" t:type="submit" t:id="saveButton" class="button" value="保存" style="visibility:hidden;"/> 
                 </td>
                </tr>        
            </table>      
    </t:form>
    <script>parent.changeSize();</script>
    </t:block><t:block  t:id="refBlock3">
            <table>
                <tr><td align="right" width="200">开始时间</td><td align="left"><t:output t:format="dateFormat"  t:value="obj.begDate"/></td></tr>
                <tr><td align="right">结束时间</td><td align="left"><t:output t:format="dateFormat"  t:value="obj.endDate"/></td></tr>
                <tr><td align="right">停用原因</td><td align="left">${obj.cause}</td></tr>            
            </table>   
            <script>parent.changeSize();</script>     
    </t:block><t:actionlink t:id="add" zone="ref" />
    <t:actionlink t:id="del" id="del"  />
    <t:actionlink t:id="back" id="back"/>
    </div>
    <script>  function myClick(){
     if(document.getElementById("sex2").checked) {
             document.getElementById("endDate").disabled = true;
          }else {
             document.getElementById("endDate").disabled = false;
         } }


     //新增
      function add(){
           document.all("add").click();
      }
    //删除
      function del(a){
         if(confirm('确认要删除吗?')){
             document.all('del').href="stopedit.del/"+document.all(a).value;
             document.all('del').click();
         }
      }
      //保存
      function savedata(){
         if(document.all('begDate').value==''){
          alert("请输入开始时间!");
          return;
         }
         if(document.all('re').value==''){
          alert("请输入停用原因!");
          return;
         }
           if(compareDate(document.all('begDate').value,document.all('endDate').value)==true){
            document.all('saveButton').click();
           }else{
            alert("开始时间不能大于结束时间!");
           }
      }
    </script></t:layout2>页面是这样的,看问题出在哪里了。始终有错啊
      

  6.   

    <input t:id="sex1" type="radio" t:type="radio" t:value="literal:恢复" class="radio" onClick="myClick();"/>恢复
    <input t:id="sex2" type="radio" t:type="radio" t:value="literal:永久停用" class="radio" onClick="myClick();"/>永久停用
    你的js函数名是myClick啊。
      

  7.   

    上面都改了,
     'document.getElementById(...)' 为空或不是对象
    指向的是
    if(document.getElementById("sex2").checked)
      

  8.   

    你右击你的画面查看源代码,然后看看<t:radiogroup t:value="obj.sex">
    <input t:id="sex1" type="radio" t:type="radio" t:value="literal:恢复" class="radio" onClick="test();"/>恢复
    <input t:id="sex2" type="radio" t:type="radio" t:value="literal:永久停用" class="radio" onClick="test();"/>永久停用
    </t:radiogroup>这一段解释成什么html了,然后根据“永久停用”radio的id来写脚本