<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function checkAll(){
var number = document.getElementsByName("number");
if(selectAll.checked){
for(var i = 0 ; i<number.length;i++){
number[i].checked=true;
}
}else{
for(var i = 0 ; i<number.length;i++){
number[i].checked=false;
}
}
}
function showAll(){
if(show.value=="收 缩"){
show.value="展 开";
showTable.style.display = "none";
}else{
show.value="收 缩";
showTable.style.display = "block";
}
}
</script>
</HEAD>
<BODY>
<TABLE border=1 align="center" width="100%" id="showOperator">
<TR>
<TD><input type="checkbox" id="selectAll" onclick="checkAll();" />全 选</TD>
<TD><input type="button" value="收 缩" id="show" onclick="showAll();"/></TD>
</TR>
</TABLE>
<TABLE border=1 align="center" width="100%" id="showTable">
<TR>
<TD><input type="checkbox" name="number"/></TD>
<TD>1</TD>
</TR>
<TR>
<TD><input type="checkbox" name="number"/></TD>
<TD>2</TD>
</TR>
<TR>
<TD><input type="checkbox" name="number"/></TD>
<TD>3</TD>
</TR>
<TR>
<TD><input type="checkbox" name="number"/></TD>
<TD>4</TD>
</TR>
</TABLE>
</BODY>
</HTML>
分享到：
相关推荐
本文将详细探讨"常用的锋利的jQuery特效"，包括但不限于漂亮的banner制作、js搜索功能、全选与反选操作、以及精简的切换效果。 首先，jQuery的漂亮banner制作是网页设计中的亮点。通过使用jQuery，我们可以实现自动...
20-商品全选与反选 21-jQuery-效果动画案例 22-淘宝搜索推荐案例 23-vue-商品管理 24-ajax(原生)-图书添加删除案例 25-JQuery-ajax 实现图书添加删减 26-ajax-评论案例 27-ajax-template 获取新闻列表 28-文件上传+...
此外，`JSTree`提供了多种交互功能，包括菜单的展开和收缩、全选/反选等。例如，我们可以使用`$("#tree").jstree("open_all")`来展开所有节点，`$("#tree").jstree("select_all", true)`来全选所有节点。同时，`JS...
复选框的交互性允许用户进行批量操作，比如全选、反选或者逐个选择，增加了用户操作的灵活性。 **2. 无复选框的DTREE** 无复选框的DTREE 控件则更专注于展示数据的层次关系，用户可以通过点击节点来展开或收缩子...
5. **多态操作**：zTree不仅支持基本的增删改查操作，还支持拖拽排序、全选/反选、搜索等功能，满足多样化的交互需求。 6. **API接口**：zTree提供了一系列的公共方法，如reAsyncChildNodes（重新异步加载子节点）...
实例286 文字的展开与收缩 451 实例287 状态栏中的文字依次弹出 452 10.2 其他 453 实例288 在状态栏显示固定自定义信息 453 实例289 在状态栏显示鼠标坐标 454 实例290 在状态栏显示特定的超级链接信息 456 第11章 ...
6. **复选框全选、全不选和反选的效果实现**：这是关于表单元素操作，通过JavaScript来同步所有复选框的状态。涉及到的知识点有事件冒泡、DOM遍历和属性修改。 7. **层固定在右下角的离奇方法**：这可能是创建一个...
本文将通过实例演示如何在JavaScript中操作checkbox，包括实现全选、部分选和反选（全不选）等操作。通过本文的学习，读者可以掌握在JavaScript中对checkbox进行基本的增删改查操作，并能结合jQuery库提高开发效率。...
实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...
实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...