js控制tr 隐藏 显示
2015-12-14 17:15
579 查看
tr td 外面不要套div
用js控制tr显现和隐藏时 用jQuery比较好 样式不会串 给你做了很多东西
<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="width: 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"; */ }
相关文章推荐
- JSONArray无极限树形结构菜单(精简版)
- hibernate使用懒加载时,mvc转json时因为session已经关闭报错
- JavaScript在IE浏览器和Firefox浏览器中的差异总结
- js判断页面是什么设备打开的
- Kindeditor 4.1.10 JSP Firefox 报上传错误
- js如何实现一定时间后去执行一个函数
- jsp session 用法
- jsp与jspx文件
- js 异步上传图片 限制图片的格式大小
- 探究JavaScript函数式编程的乐趣
- 《avascript 高级程序设计(第三版)》 ---第一章 Javascript简介
- JSON中使用JArray.Parse
- 简单的 JavaScript 类继承框架
- 使用JSONP进行跨域请求
- JS 面向对像编程(归纳与总结)
- swiper.js完美的解决触摸滑动效果
- JSF+EJB+JPA总体思路
- js获取各种宽度和高度
- javascript eval和JSON之间的联系
- Javascript45分钟教程