`

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>
分享到:
评论

相关推荐

    简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解

    3. 显示结果:可以将数量显示在页面的特定位置,如`&lt;span id="selectedCount"&gt;&lt;/span&gt;`,并用JavaScript更新其内容。 四、案例详解 "Table简约时尚CSS样式,checkbox全选或取消全选、或得到选中个数全案例使用详解...

    JavaScript特效大全.rar

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

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

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

    纯css实现全选效果

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

    j2ee04:js02,dom模型,三种找对象的方法,两种设置样式的方法,隐藏显示,全选,qq列表,计算器

    本主题将探讨JavaScript中的DOM(Document Object Model)模型、查找DOM对象的三种方法、设置样式的方式、以及一些实用的功能实现,如隐藏显示、全选和创建简单的应用,如QQ列表和计算器。 首先,DOM模型是HTML或...

    JavaScript实现全选取消效果

    文章中提供了四个JavaScript函数,分别对应“显示遮罩层和弹出框”、“隐藏遮罩层和弹出框”、“全选”和“取消全选”的功能。这些函数通过操作DOM元素的类来控制遮罩层和弹出框的显示与隐藏,以及表格中所有复选框...

    复选框 实现 单选 全选

    此外,当全选复选框被选中时,会清空隐藏字段`context`和`contextTemp`的值,这是因为这些字段在全选状态下可能不再需要显示具体的选择信息。 #### 实现细节 1. **全选复选框**:位于表格头部的复选框,其`onclick...

    隐藏layui数据表格表头的checkbox复选框

    具体来说,我们需要找到表头对应的`&lt;th&gt;`标签,并定位到其中包含复选框的`&lt;div&gt;`标签,然后将其替换为一个空的`&lt;div&gt;`标签,以此来移除复选框的显示。下面将详细解释具体步骤及代码实现。 #### 实现步骤 1. **定位...

    vue例子(实现单选、多选、弹窗等功能)

    组件可以有`show`属性来控制弹窗的显示与隐藏,并使用Vue的过渡效果来增加用户体验。示例代码可能如下: ```html &lt;!-- 弹窗内容 --&gt; 关闭&lt;/button&gt; &lt;/div&gt; &lt;/template&gt; export default { props: { show: ...

    checkbox 全选与反选

    2. CSS:用于美化复选框的样式,可以使用自定义的复选框图标或者隐藏原始的复选框,用伪元素来模拟复选框的显示。 3. JavaScript/jQuery:处理复选框的事件,如点击事件,实现全选、反选、行全选、列全选的逻辑,...

    javascript 常用验证函数.doc

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

    html+javascript+bootstrap实现层级多选框全层全选和多选功能

    本篇将详细介绍如何实现这种层级多选框的全层全选和多选功能。 首先,我们需要理解基本的HTML结构。在这种情况下,我们可以使用`&lt;ul&gt;`和`&lt;li&gt;`元素来表示层级关系,每个层级的顶级选项是一个复选框,子级选项也是复...

    全选按钮点击后选中全部的,通过重新刷新页面实现

    例如,HTML中可能有一个全选按钮和一个隐藏的表单字段,记录当前的选中状态。点击全选按钮时,会发送一个POST请求到服务器,服务器更新状态,然后返回一个新的页面,其中所有项都已被选中。 总的来说,尽管“全选”...

    javascript客户端验证和页面特效制作

    使用 JavaScript 修改层元素的 `style.display` 属性来实现层的显示和隐藏效果。 #### 第五章:基本的表单验证技术 ##### 一、为什么需要表单验证 表单验证有助于确保用户输入的数据符合预期的格式和范围,防止...

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

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

    vue.js单选全选删除选中代码.zip

    例如,`v-model`可以用来处理单选框的选中状态,`v-for`用于遍历表格数据,`v-if`或`v-show`控制元素的显示与隐藏: ```html &lt;/th&gt; 列1&lt;/th&gt; 列2&lt;/th&gt; &lt;!-- 其他列 --&gt; &lt;/tr&gt; &lt;/thead&gt; ...

    javascript常用知识点总结

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

    JavaScript案例大全

    5. **作业用户名显示隐藏内容.html**:这可能是关于内容的动态显示和隐藏,通过输入用户名后,根据特定条件显示或隐藏相应内容。JavaScript可以用来处理表单输入和条件判断。 6. **动态生成表格案例.html**:动态...

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

    然后,通过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;...

Global site tag (gtag.js) - Google Analytics