<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>要做的效果就是,如果点击永久停用按钮,将结束时间的输入框灰掉(不能输入) 具体怎么做,在线等
<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>要做的效果就是,如果点击永久停用按钮,将结束时间的输入框灰掉(不能输入) 具体怎么做,在线等
<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>
<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>
<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>
<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>页面是这样的,看问题出在哪里了。始终有错啊
<input t:id="sex2" type="radio" t:type="radio" t:value="literal:永久停用" class="radio" onClick="myClick();"/>永久停用
你的js函数名是myClick啊。
'document.getElementById(...)' 为空或不是对象
指向的是
if(document.getElementById("sex2").checked)
<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来写脚本