`

javascript的全选和显示/隐藏

阅读更多
<script type="text/javascript">
//全选
function selectAll(box){			
	var check = box.checked;
	var boxes = document.getElementsByName("posIds");
	for(var i=0;i<boxes.length;i++){					
		boxes[i].checked = check;					
	}
}
//显示/隐藏		
function toggleAll(box){			
	var style = box.checked?"block":"none";				
	var divs = document.getElementsByName("desc");
	for(var i=0;i<divs.length;i++){
		divs[i].style.display = style;					
    }
}
</script>


.....................................
.....................................
选择所有<input type="checkbox" onclick="selectAll(this)"/>
显示职位信息 <input type="checkbox" onclick="toggleAll(this);" checked="checked"/>
............................................
<!--全选-->
<!--posIds对应javascript中的selectAll(box)l方法的 posIds   -->
<input type="checkbox" value="<%=dp.getPosId() %>" name="posIds" disabled="disabled"/>
<!--全显示/隐藏 -->
<!--desc对应javascript中的toggleAll方法的的desc -->
<tr  id="desc" name="desc">
<td ><%=dpDao.getMap().get(new Integer(dp.getPosId())) %></td>
</tr>
分享到:
评论

相关推荐

    JavaScript特效大全.rar

    图片列表:鼠标移入/移出改变图片透明度 简易选项卡 简易JS年历 单一按钮显示/隐藏一播放列表收缩展开 提示框效果 鼠标移过,修改图片路径 复选框(checkbox)全选/全不选/返选 用typeof查看数据类型等很多

    jquery通用全选并控制操作按钮

    在提供的压缩包文件中,"jquery全选" 可能包含了一个示例HTML文件和相关的JavaScript代码,用于演示上述功能的实现。通过研究这些文件,你可以更深入地理解如何在实际项目中应用这一技术。 总之,jQuery全选并控制...

    纯css实现全选效果

    通过巧妙地使用HTML结构、CSS样式和JavaScript逻辑,我们可以实现功能完整且美观的全选功能,为用户提供更加便捷的操作方式。在实际开发中,还需要根据项目需求和浏览器兼容性进行适当的调整和优化。

    javascript 常用验证函数.doc

    - DIV层操作:通过JavaScript操作CSS属性实现拖放、显示、隐藏、移动和增加。 - TABLE操作:客户端动态增删表格行和列,模拟进度条和滚动列表。 - 对象嵌入:如使用object标签嵌入播放器和Flash,并与JavaScript交互...

    AngularJS 实现购物车全选反选功能

    `ng-hide`和`ng-show`指令用来根据`selectAll`的值显示或隐藏“全选”和“取消全选”的文字。 ```html (selectAll)"&gt; 全选&lt;/span&gt;取消全选&lt;/span&gt; ``` 接下来,我们需要在JavaScript中定义控制器逻辑。在这里,...

    javascript常用知识点总结

    JavaScript可以用来控制元素的可见性,例如,通过改变CSS的`display`属性,你可以实现元素的显示和隐藏。这对于创建动态效果,如模态对话框或者动画过渡,非常有用。 4. **全选功能**: 在批量操作时,全选功能...

    全选、反选及漂亮的模态提示框功能

    然后,通过jQuery来控制模态框的显示和隐藏: ```html 模态标题&lt;/h5&gt; &lt;span aria-hidden="true"&gt;&times;&lt;/span&gt; &lt;/button&gt; &lt;/div&gt; 模态框内容... &lt;/div&gt; 确定&lt;/button&gt; 关闭&lt;/button&gt; &lt;/div&gt;...

    web JavaScript

    JavaScript还能处理树形结构数据,创建无边框效果,实现联动下拉框技术,进行文本排序,画图(如饼图、柱状图、矢量贝塞尔曲线),操控客户端注册表,处理DOM元素(如拖放、显示/隐藏、移动、增加/删除DOM元素),...

    程序天下:JavaScript实例自学手册

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    JavaScript.教学

    这段代码将`onmouseover`和`onmouseout`事件绑定到`&lt;label&gt;`元素上,当鼠标移入或移出时,改变`&lt;div&gt;`的`display`样式属性,从而实现显示和隐藏效果。 另一种写法是将JavaScript代码放在`&lt;script&gt;`标签内,这样更...

    JavaScript网页特效范例宝典源码

    实例202 隐藏及显示单元格 316 实例203 编辑单元格中的文本信息 318 实例204 合并单元格 320 实例205 在表格中添加行及单元格 322 实例206 删除表中的单元格 324 7.5 表格的特殊效果 325 实例207 透明表格 326 实例...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    javascript 层隐藏和显示的代码

    层隐藏和显示 2009-7-7 #content1,#content2{ width:300px; height:200px; border:1px solid black; background:#cccccc; } #menu{ cursor:pointer; } 更多 我是更多里面的内容 我不是更多里面的内容 [Ctrl...

    javascript\JS使用大全收藏

    这些事件可以用来实现动态交互,如文本框的文字显示和隐藏。 2. **样式控制**:JS 可以动态修改元素的样式,例如通过`style.backgroundColor`改变背景色,`style.color`改变字体颜色,`style.borderColor`调整边框...

    网页常用javascript

    JavaScript,也被称为JS,是一种广泛应用于网页开发的脚本语言,它主要负责处理网页的交互性和动态效果。这里我们详细探讨一下标题和描述中提到的一些关键JavaScript知识点。 1. **事件处理**: - `onBlur`:当...

    javascript基础知识整理

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 在不支持JavaScript的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 程序代码 代码如下: &lt;noscript&gt; Hello to the non-JavaScript browser. &lt;/noscript&gt; 4 ...

    常用的javascript

    在JavaScript中,这些代码片段展示了多种常见的功能和语法,包括收藏书签、定时调用函数、图像路径替换、表单提交、导航控制、复选框处理、层的显示与隐藏以及HTML元素的显示与隐藏。下面我们将逐一解析这些知识点。...

    Javascript常用效果.rar

    9. **滑动弹出效果**:这通常指的是滑动手势触发的内容显示或隐藏,如侧边栏的展开和收起。涉及到触摸事件处理、滑动检测(如Hammer.js库)以及CSS的`transform`属性。 以上就是压缩包中每个文件所代表的JavaScript...

    javascript代码常用大全

    12,DIV层相关(拖拽、显示、隐藏、移动、增加) 13,TABLAE相关(客户端动态增加行列,模拟进度条,滚动列表等) 14,各种&lt;object classid=&gt;相关类,如播放器,flash与脚本互动等 16, 刷新/模拟无刷新 异步...

Global site tag (gtag.js) - Google Analytics