<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>
分享到:
相关推荐
图片列表:鼠标移入/移出改变图片透明度 简易选项卡 简易JS年历 单一按钮显示/隐藏一播放列表收缩展开 提示框效果 鼠标移过,修改图片路径 复选框(checkbox)全选/全不选/返选 用typeof查看数据类型等很多
在提供的压缩包文件中,"jquery全选" 可能包含了一个示例HTML文件和相关的JavaScript代码,用于演示上述功能的实现。通过研究这些文件,你可以更深入地理解如何在实际项目中应用这一技术。 总之,jQuery全选并控制...
通过巧妙地使用HTML结构、CSS样式和JavaScript逻辑,我们可以实现功能完整且美观的全选功能,为用户提供更加便捷的操作方式。在实际开发中,还需要根据项目需求和浏览器兼容性进行适当的调整和优化。
- DIV层操作:通过JavaScript操作CSS属性实现拖放、显示、隐藏、移动和增加。 - TABLE操作:客户端动态增删表格行和列,模拟进度条和滚动列表。 - 对象嵌入:如使用object标签嵌入播放器和Flash,并与JavaScript交互...
`ng-hide`和`ng-show`指令用来根据`selectAll`的值显示或隐藏“全选”和“取消全选”的文字。 ```html (selectAll)"> 全选</span>取消全选</span> ``` 接下来,我们需要在JavaScript中定义控制器逻辑。在这里,...
JavaScript可以用来控制元素的可见性,例如,通过改变CSS的`display`属性,你可以实现元素的显示和隐藏。这对于创建动态效果,如模态对话框或者动画过渡,非常有用。 4. **全选功能**: 在批量操作时,全选功能...
然后,通过jQuery来控制模态框的显示和隐藏: ```html 模态标题</h5> <span aria-hidden="true">×</span> </button> </div> 模态框内容... </div> 确定</button> 关闭</button> </div>...
JavaScript还能处理树形结构数据,创建无边框效果,实现联动下拉框技术,进行文本排序,画图(如饼图、柱状图、矢量贝塞尔曲线),操控客户端注册表,处理DOM元素(如拖放、显示/隐藏、移动、增加/删除DOM元素),...
9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...
这段代码将`onmouseover`和`onmouseout`事件绑定到`<label>`元素上,当鼠标移入或移出时,改变`<div>`的`display`样式属性,从而实现显示和隐藏效果。 另一种写法是将JavaScript代码放在`<script>`标签内,这样更...
实例202 隐藏及显示单元格 316 实例203 编辑单元格中的文本信息 318 实例204 合并单元格 320 实例205 在表格中添加行及单元格 322 实例206 删除表中的单元格 324 7.5 表格的特殊效果 325 实例207 透明表格 326 实例...
9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...
层隐藏和显示 2009-7-7 #content1,#content2{ width:300px; height:200px; border:1px solid black; background:#cccccc; } #menu{ cursor:pointer; } 更多 我是更多里面的内容 我不是更多里面的内容 [Ctrl...
这些事件可以用来实现动态交互,如文本框的文字显示和隐藏。 2. **样式控制**:JS 可以动态修改元素的样式,例如通过`style.backgroundColor`改变背景色,`style.color`改变字体颜色,`style.borderColor`调整边框...
JavaScript,也被称为JS,是一种广泛应用于网页开发的脚本语言,它主要负责处理网页的交互性和动态效果。这里我们详细探讨一下标题和描述中提到的一些关键JavaScript知识点。 1. **事件处理**: - `onBlur`:当...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 在不支持JavaScript的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 程序代码 代码如下: <noscript> Hello to the non-JavaScript browser. </noscript> 4 ...
在JavaScript中,这些代码片段展示了多种常见的功能和语法,包括收藏书签、定时调用函数、图像路径替换、表单提交、导航控制、复选框处理、层的显示与隐藏以及HTML元素的显示与隐藏。下面我们将逐一解析这些知识点。...
9. **滑动弹出效果**:这通常指的是滑动手势触发的内容显示或隐藏,如侧边栏的展开和收起。涉及到触摸事件处理、滑动检测(如Hammer.js库)以及CSS的`transform`属性。 以上就是压缩包中每个文件所代表的JavaScript...
12,DIV层相关(拖拽、显示、隐藏、移动、增加) 13,TABLAE相关(客户端动态增加行列,模拟进度条,滚动列表等) 14,各种<object classid=>相关类,如播放器,flash与脚本互动等 16, 刷新/模拟无刷新 异步...