zoukankan      html  css  js  c++  java
  • table 动态隐藏tr行

    table:

    			<table style="100%" class="table01" cellspacing="1" cellpadding="5">
    				<tr><td class="td_title" width="15%" align="center" nowrap="nowrap" colspan="4">详	情</td>
    				</tr>
    				<tr id="qtdw"><td class="td_title" width="15%" align="center" nowrap="nowrap">牵头单位:</td>
    					<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
    						<input id ="re_title" class="zxui-textbox" type="text" editable="false"
    							 style="600px"  value="${main_dept_name}">
    					</td>
    				</tr>
    				<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">落实情况:</td>
    					<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
    						<input id="contentes" class="zxui-textbox" type="text" editable="false"
    							style="600px;height:100px" multiline="true" value="${contentes}">
    					</td>
    				</tr>
    				<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">存在问题:</td>
    					<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
    						<input id="problem" class="zxui-textbox" type="text" editable="false"
    							style="600px;height:100px" multiline="true" value="${problem}">
    					</td>
    				</tr>
    				<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">下周计划:</td>
    					<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
    						<input id="next_plan" class="zxui-textbox" type="text" editable="false"
    							style="600px;height:100px" multiline="true" value="${nextplan}">
    					</td>
    				</tr>
    				<tr id="sbr"><td class="td_title" width="15%" align="center" nowrap="nowrap">上 报 人:</td>
    					<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
    						<input id ="re_title" class="zxui-textbox" type="text" editable="false"
    							 style="600px"  value="${create_name}">
    					</td>
    				</tr>
    			</table>
    

    有两个角色共用一个页面,其中table显示略有不同,用传递身份参数来控制牵头单位、上报人的行的隐藏。

    js:

    $(function(){
    	var identity = '${identity}';
    	if (identity == 'jbdcy') {
    		$('#qtdw').hide(); 
    		$('#sbr').hide();
    	}	
    });

    更多方法参考感谢:http://www.jb51.net/article/54118.htm

      

  • 相关阅读:
    Mac上的抓包工具Charles[转载]
    js 实现自动调出键盘
    Mac下git安装(使用Xcode)
    weinre远程调试
    Css Sprite Demo
    sublime 常用快捷键
    css 盒子模型 以及 box-sizing属性
    jquery中bind,live,delegate,on的区别
    模拟实现库函数的atoi、atof和itoa
    常见排序算法
  • 原文地址:https://www.cnblogs.com/ckxlovejava/p/7372397.html
Copyright © 2011-2022 走看看