tr td 外面不要套div
<tr> <td>排期确定结果: </td> <td> <label class="liradio"> <input name="accreditInfo.status" value="5" type="radio" id="radioLab" onchange="thisTime()" />同意 </label> </td> <td> <label class="liradio"> <input name="accreditInfo.status" value="4" type="radio" id="radioLab" onchange="otherTime()" />不同意 </label> </td> </tr> <tr id="scheduleReply" style="display: none"> <td>排期反馈时间: </td> <td colspan="2" > <input id="scheduleDate" name="accreditInfo.scheduleReply" type="text"/> <img onclick="WdatePicker({el:'scheduleDate'})" src="${pageContext.request.contextPath}/js/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> </td> </tr> <tr id="scheduleReplyRmark" style="display: none"> <td>备注: </td> <td colspan="2" ><input type="text" id="confirmReason" name="accreditInfo.scheduleReplyRemark" style=" 150px;" vertical-align: bottom; margin-top: 5px;"/></td> </tr>
用js控制tr显现和隐藏时 用jQuery比较好 样式不会串 给你做了很多东西
function otherTime() { $("#scheduleReply,#scheduleReplyRmark").show(); /* document.getElementById("scheduleReply").style.display = "block"; document.getElementById("scheduleReplyRmark").style.display = "block"; */ } function thisTime() { $("#scheduleReply,#scheduleReplyRmark").hide(); /* document.getElementById("scheduleReply").style.display = "none"; document.getElementById("scheduleReplyRmark").style.display = "none"; */ }