- 浏览: 151606 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (88)
- java具体应用 (10)
- js (20)
- oracle安装问题 (1)
- java (22)
- linux (5)
- jquery (5)
- svg (2)
- xml (3)
- oracle 备份 (1)
- oracle (5)
- 闪回 (1)
- 数据还原 (1)
- Hibernate (4)
- Maven (1)
- tomcat (1)
- jsp (2)
- el (1)
- 事务 (2)
- 转载 (1)
- spring (3)
- String (1)
- int (1)
- iReport (1)
- jasperreport (1)
- 数据源 (1)
- vm (1)
- VMware Authorization Service (1)
- 分页 (1)
- 总页数 (1)
- sqlServer (1)
- 页面刷新 (1)
- office (2)
- jacob (2)
- poi (2)
- pdf (2)
- web (5)
- iframe (1)
- 电脑应用 (1)
- 运维 (1)
- windows (1)
- rsync (1)
- 数据库 (1)
- 左联接 (1)
- sql (3)
- ubuntu (0)
- os (0)
- ant (1)
- 多线程 (0)
- FTP (2)
- File (1)
- nginx,架构 (1)
- list (1)
- VUE (0)
- 下载 (1)
- mysql (2)
- 版本控制 (1)
- Git (2)
- webService (0)
- axis (0)
- BootStrap (1)
- Modal (1)
- Python (1)
最新评论
-
月亮不懂夜的黑:
masuweng 写道s = toUtf8String(s); ...
下载文件时,文件名乱码问题 -
masuweng:
s = toUtf8String(s); 这个方法怎么实现? ...
下载文件时,文件名乱码问题 -
月亮不懂夜的黑:
cxjhiueannn 写道查看addAll方法的实现其实并不 ...
list对象复制问题 -
cxjhiueannn:
查看addAll方法的实现其实并不是将后者的引用对象赋值给前面 ...
list对象复制问题 -
月亮不懂夜的黑:
terry813 写道其实还有另外一种SQL写法求指教
左联接数据不统一问题
jquery实现。多级checkbox的联动问题解决办法。注意引入jquery啊。
效果图如下:图片不知道怎么编辑进来,已经上传。可以看看样子。
解释说明:页面中使用大量的table,除了带有id的两个外,别的只是为了格式需要。
该部分仍不是太完善,没有反向的判断。比如所有三级全部选中,对应的二级也要选中。所有的二级选中,对应的一级也需选中。
效果图如下:图片不知道怎么编辑进来,已经上传。可以看看样子。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title></title> <script src="jquery-1.6.2.js" type="text/javascript"></script> <SCRIPT LANGUAGE="JavaScript" > <!-- function checkboxall(){ if($("#oneCheck").attr("checked")=="checked"){ //全选 $("#oneCheck").attr("checked",true); $("input[name='checkboxType']").each(function(){ $(this).attr("checked",true); }); $("input[name='checkboxStyle']").each(function(){ $(this).attr("checked",true); }); }else{ //取消全选 $("#oneCheck").attr("checked",false); $("input[name='checkboxStyle']").each(function(){ $(this).attr("checked",false); }); $("input[name='checkboxType']").each(function(){ $(this).attr("checked",false); }); } } function checkBoxTwo(id){ var tabId = "sec_"+id; var trId = "secid_"+id; $("#oneCheck").attr("checked",false); if($("#"+trId).attr("checked")=="checked"){ $("#"+tabId+" :input[type='checkbox']").each(function(){ $(this).attr("checked",true); }); }else{ $("#"+tabId+" :input[type='checkbox']").each(function(){ $(this).attr("checked",false); }); } } function check(trId){ var arr = trId.split("_"); var pid = "#secid_"+arr[1]; //var tabId = "#sec_"+arr[1]; $(pid).attr("checked",false); $("#oneCheck").attr("checked",false); //var len = $(tabId+" :input[type='checkbox']").length; //to do continue } //--> </SCRIPT> </head> <body> <table> <tr> <td colspan='2'><input type='checkbox' name='checkboxPar' id = 'oneCheck' value='' onclick='checkboxall();'>全选</td> </tr> <tr> <td ><input type='checkbox' name='checkboxStyle' id = 'secid_1' value='' onclick="checkBoxTwo('1');"></td> <td > 类别1</td> </tr> </table> <table id = 'sec_1'> <tr> <td ><input type='checkbox' name='checkboxType' id = 'thirdId_1_1' value='' onclick="check('thirdId_1_1');"></td> <td > 类别1的1</td> </tr> <tr> <td ><input type='checkbox' name='checkboxType' id = 'thirdId_1_2' value='' onclick="check('thirdId_1_2');"></td> <td > 类别1的2</td> </tr> </table> <table> <tr> <td ><input type='checkbox' name='checkboxStyle' id = 'secid_2' value='' onclick="checkBoxTwo('2');"></td> <td > 类别2</td> </tr> </table> <table id='sec_2'> <tr> <td ><input type='checkbox' name='checkboxType' id = 'thirdId_2_1' value='' onclick="check('thirdId_2_1');"></td> <td > 类别2的1</td> </tr> <tr> <td ><input type='checkbox' name='checkboxType' id = 'thirdId_2_2' value=' ' onclick="check('thirdId_2_2');"></td> <td > 类别2的2</td> </tr> <tr> <td ><input type='checkbox' name='checkboxType' id = 'thirdId_2_3' value=' ' onclick="check('thirdId_2_3');"></td> <td > 类别2的3</td> </tr> </table> </body>
解释说明:页面中使用大量的table,除了带有id的两个外,别的只是为了格式需要。
该部分仍不是太完善,没有反向的判断。比如所有三级全部选中,对应的二级也要选中。所有的二级选中,对应的一级也需选中。
发表评论
-
Ajax的get请求在IE浏览器中乱码问题的解决方案
2016-12-30 15:37 1490在web请求中可能涉及到ajax的get请求,参数为中文的 ... -
在循环中发送请求
2016-12-23 10:17 1104我们在前端开发的时候有时候会用到在loop中发送请求的情况。 ... -
鼠标滑过显示图片
2015-03-13 14:57 775当鼠标滑过某个制定位置,弹出div图片。移出,图片消失。 ... -
页面加载中效果实现
2015-03-13 14:50 5301、加载的loading.css @charset &q ... -
html5使用js确定用户坐标位置
2013-12-12 18:06 1858最近在微信平台开发时,涉及到的问题。如何获取用户当前坐标位置 ... -
ajax跨域报错
2013-12-11 21:37 3560在项目中使用ajax访问百度地图的api时,报 post ... -
js对浮点数计算的bug
2013-11-26 17:39 957在js中使用浮点数运算,有时候不能得到合适的结果。有时候会 ... -
页面元素自适应
2013-11-25 16:47 1068在html5下使得页面自适应,以满足不同浏览器下的大小适应 ... -
js对日期操作 获取两个日期的相差是否在几月之内
2013-08-29 10:25 2844一、js判断两个日期是否在几个月之内 //比较两 ... -
iframe高度的自适应
2013-08-22 16:40 944在项目开发中,遇到的一个问题。弹出的页面中有iframe。例 ... -
dtree在ie6下点击页面报错
2013-08-21 21:28 849在页面上使用window.showModalDialog时,在 ... -
js控制页面刷新大全
2013-07-20 14:05 875一点点补充 1、window.open之后,子页面关闭之前 ... -
index_jsp._jspInit
2013-02-27 10:45 1065项目运行时报错: java.lang.NullPointe ... -
js和Jquery对select的操作
2013-02-21 15:42 868jQuery获取Select选择的Text和Value: ... -
svg 鼠标形状 小手
2012-12-05 14:09 1966在最近做项目的时候,需要将svg上的鼠标点击之类的形状换 ... -
svg自定义菜单的动态实现
2013-02-21 15:52 1063svg自定义菜单的实现 svg也使用过几次了,但是仍不是 ... -
java与js的split方法
2012-08-20 17:48 2064最近在做项目时发现几个问题 1、java与js的split方法 ... -
js实时获取系统当前时间
2012-05-03 10:43 1712<script language="javas ... -
通过jsp实现word预览与打印
2011-11-07 16:56 2608前两天做通过数据库查询数据,再将数据导入已经存在的word模板 ...
相关推荐
在jquery 下实显checked 联动 当input checkbox选中时自动判断上级下级并选中
jquery checkbox 选中 取消 checkbox多选
复选框联动, 选中某一个节点,该节点的所有子节点均置为选中,该节点的所有父节点均置为选中
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
仅供学习,有兴趣可以看看,高手勿入。代码很简单的。
用Jquery获取checkbox多个选项详解、详细讲解jQuery获取checkbox,新手必看
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
页面上通过一个checkbox实现全选与反选
jQuery_treetable实现checkbox树,实现多级联动,适用于权限树等各类需要树形结构数据的场景
自己编写的一个jquery多选checkbox下拉框,已经封装好了,直接调用就可以
jQuery制作全选CheckBox 的两种代码 还不错
3:Checkbox树(可能是静态树也可能是异步树),用于选择(如选择组织机构,选择数据字典项)等,最好是能够支持节点级联(这个是难点) 4:能够承载大数据量,并性能表现优异 5:能够在主流浏览器中运行良好
jQuery Checkbox列表双向选择移动代码,通过点击左右箭头按钮可以分别将两边div块中复选框已选中的列表项目在两边来回移动。
基于jQuery的Checkbox精美样式插件 .
jquery动态生成checkbox 设置一行最多显示几个checkbox 获取checkbox选中项
jquery 树形 checkbox jQuery(document).ready(function(){ jQuery(".mytree").checkboxTree({ collapsedarrow: "images/checkboxtree/img-arrow-collapsed.gif", expandedarrow: "images/checkboxtree/img-...
jQuery 对checkbox的操作
JQuery操作checkbox、radio等示例
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框