- 浏览: 99865 次
- 性别:
- 来自: 北京
最新评论
-
_大大大雄:
关于这个应用, 有些东西想要请教下您行么?
jsp 权限过滤器的应用 -
jptiancai:
博主,看了博客,收获很多,这个例子运行的时候,会报下面的错误: ...
jsp 权限过滤器的应用
<!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" />
<title>jquery 在属性 中传变量 </title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var zc="zi".length; //zi在类属性class标识是子复选框 复到字符串的长度 和标识的 fu 长度是一样的 在这里共用一个
$(":checkbox").click(function() { //单击复选框 触发事件函数
var checkbox=$(this);
var name=$(this).attr("class");
var b1=name.substring(zc,name.length); //得到所单击的这个复选框后缀的数字组合
var bb=$(this).attr("checked"); //判断选中或未选中 true or false
var b="fu"+b1; //父 复选框class 的组合
var a = "zi"+b1; //子复选框class的组合
var b22=$('td input[class="'+b+'"]'); //链接字符 得到父 复选框 此用的是属性选择器
if(bb==true){
$(b22[0]).attr("checked",true); //当被选中的时候 父的 复选框也会选中
}else if(bb==false){
var box=$('td input[class="'+a+'"]:checked'); //取消选中 会判断 还有被选中的个数 等于零时 父的复选框取消选中 大于零时 选中
var cd=box.length;
if(cd==0){
$(b22[0]).attr("checked",false);
}else if(cd>0){
$(b22[0]).attr("checked",true);
}
}
});
});
</script>.
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">父选框<input type="checkbox" class="fu1" /> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi1" /></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi1" /></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi1" ></td>
</tr>
<tr>
<td scope="col">父选框<input type="checkbox" class="fu2" /> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi2" /></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi2" /></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi2"></td>
</tr>
</table>
</body>
</html>
此种方式效率比较高一些
还有一种方式 如下:而下用的是循环遍历进行比较的,选项比较多的话,会影响到代码的执行效率。这里用到了自定义 属性的方法
<!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" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$('[type=checkbox]').click(function (){
$('.fu').each(function(){
var sign = $(this).attr('sign');
var flag = true;
$('.zi'+sign).each(function(){
//alert($(this).attr('names'));
if($(this).attr("checked")){
//alert('aaa');
//alert("dddd"+sign );
flag= false;
}
});
if(flag){
//alert($(this).attr('checked'));
$(this).attr('checked',false);
//alert("dddd"+sign );
flag= true;
} else {
$(this).attr('checked',true);
flag= true;
}
});}) ;
});
</script>.
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">父选框<input type="checkbox" class="fu" sign="1"/> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi1" names="苹果"/></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi1" names="香蕉"/></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi1" names="桔子"/></td>
</tr>
<tr>
<td scope="col">父选框<input type="checkbox" class="fu" sign="2"/> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi2" names="苹果"/></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi2" names="香蕉" /></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi2" names="桔子"></td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery 在属性 中传变量 </title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var zc="zi".length; //zi在类属性class标识是子复选框 复到字符串的长度 和标识的 fu 长度是一样的 在这里共用一个
$(":checkbox").click(function() { //单击复选框 触发事件函数
var checkbox=$(this);
var name=$(this).attr("class");
var b1=name.substring(zc,name.length); //得到所单击的这个复选框后缀的数字组合
var bb=$(this).attr("checked"); //判断选中或未选中 true or false
var b="fu"+b1; //父 复选框class 的组合
var a = "zi"+b1; //子复选框class的组合
var b22=$('td input[class="'+b+'"]'); //链接字符 得到父 复选框 此用的是属性选择器
if(bb==true){
$(b22[0]).attr("checked",true); //当被选中的时候 父的 复选框也会选中
}else if(bb==false){
var box=$('td input[class="'+a+'"]:checked'); //取消选中 会判断 还有被选中的个数 等于零时 父的复选框取消选中 大于零时 选中
var cd=box.length;
if(cd==0){
$(b22[0]).attr("checked",false);
}else if(cd>0){
$(b22[0]).attr("checked",true);
}
}
});
});
</script>.
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">父选框<input type="checkbox" class="fu1" /> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi1" /></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi1" /></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi1" ></td>
</tr>
<tr>
<td scope="col">父选框<input type="checkbox" class="fu2" /> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi2" /></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi2" /></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi2"></td>
</tr>
</table>
</body>
</html>
此种方式效率比较高一些
还有一种方式 如下:而下用的是循环遍历进行比较的,选项比较多的话,会影响到代码的执行效率。这里用到了自定义 属性的方法
<!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" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
$('[type=checkbox]').click(function (){
$('.fu').each(function(){
var sign = $(this).attr('sign');
var flag = true;
$('.zi'+sign).each(function(){
//alert($(this).attr('names'));
if($(this).attr("checked")){
//alert('aaa');
//alert("dddd"+sign );
flag= false;
}
});
if(flag){
//alert($(this).attr('checked'));
$(this).attr('checked',false);
//alert("dddd"+sign );
flag= true;
} else {
$(this).attr('checked',true);
flag= true;
}
});}) ;
});
</script>.
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td scope="col">父选框<input type="checkbox" class="fu" sign="1"/> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi1" names="苹果"/></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi1" names="香蕉"/></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi1" names="桔子"/></td>
</tr>
<tr>
<td scope="col">父选框<input type="checkbox" class="fu" sign="2"/> </td>
</tr>
<tr>
<td>苹果<input type="checkbox" class="zi2" names="苹果"/></td>
</tr>
<tr>
<td>香蕉<input type="checkbox" class="zi2" names="香蕉" /></td>
</tr>
<tr>
<td>桔子<input type="checkbox" class="zi2" names="桔子"></td>
</tr>
</table>
</body>
</html>
发表评论
-
backbone学习资料
2015-07-20 16:37 615理论知识 backbone.js 初探http://we ... -
解析目录树
2015-06-19 19:31 492<ul id="test"> ... -
csv生成
2015-06-19 19:29 629<head> <meta -
网站性能优化解决方案
2015-06-15 14:40 742最近通过查阅资料,发现了一些其他可以提高性能优化的方案1. 使 ... -
八种创建等高列布局
2015-01-04 17:11 586高度相等列在Web页面设计中永远是一个网页设计师的需求。如果 ... -
多次调用同一异步方法体会出现使用相同的属性值问题
2014-11-27 17:56 1692《一》执行同一个方法体,里面有异步的逻辑代码,如果这个异步 ... -
时间的计算
2014-11-19 14:42 589using System; namespace Be ... -
async when then
2014-11-14 11:45 666function test1(){ var def ... -
异步并行串行编程 when
2014-11-14 11:40 715var data = { "51": ... -
HTML 与javascript自解码机制
2014-02-19 14:41 1264关于这个自解码机制,我们直接以一个例子(样例0)来进行说明: ... -
三列百分之比布局
2014-02-11 13:56 656三列布局自适应 -
JSp生重复提交解决方法
2014-01-08 15:42 702看了网上的,有几种方法: 1 在你的表单页里HEAD区加入这段 ... -
AMD 和 CMD 的区别有哪些?
2013-12-25 11:37 729AMD 是 RequireJS 在推广过程中对模块定义的规范化 ... -
firefox 专属css hack
2013-12-20 15:50 696之前只有ie6、ie6、firefox时,只要写!impo ... -
自适应网页设计
2013-11-29 10:39 784一、简单描述:随着移 ... -
跨浏览器兼容性总结
2013-11-25 10:16 3464一、 CSS样式兼容 1. F ... -
IE6 PNG背景透明解决方法(汇总)
2013-10-31 18:25 662IE6 PNG背景透明解决方法(汇总) 方法一: IE6 ... -
兼容IE6 min-width 的CSS 样式
2013-10-23 19:12 868IE6另外一个bug就是它不支持 min-width 属性. ... -
IE6 position:fixed bug (固定窗口方法)
2013-10-23 17:26 796今天herb同 学在twitter上 ... -
不确定图片大小让元素水平垂直居中
2013-10-23 16:53 770<!DOCTYPE html PUBLIC " ...
相关推荐
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
本示例展示了如何利用jQuery实现一个带复选框的表格,使得在选中或删除表格行时能够高亮显示,提升用户体验。下面将详细解释实现这两个功能的关键步骤和涉及的jQuery语法。 首先,我们需要一些基本的HTML结构,包含...
当用户通过单击节点或复选框进行选择时,JavaScript会更新树的状态,并可能触发AJAX请求,将用户的选择同步回服务器。 总的来说,"jsp+js带单选复选框的动态树"是一种结合了前后端技术的动态交互组件,它有效地展示...
主要介绍了JQuery CheckBox(复选框)操作方法汇总,本文讲解了获取单个checkbox选中项、获取多个checkbox选中项、设置第一个checkbox 为选中值、设置最后一个checkbox为选中值等内容,需要的朋友可以参考下
通过上述步骤,我们能够实现一个在数据表格中,通过单击行来切换复选框选中状态的功能。这样的功能对于提升用户体验和交互的友好性有着重要的意义。 最后,要确保代码的兼容性和可维护性,需要对代码进行适当的优化...
该代码段中,`#checkAll`是全选复选框的ID,通过监听它的点击事件,可以改变其他所有复选框的`checked`属性。 ### 小结 通过上述描述,我们可以看出JQuery为操作单选按钮和复选框提供了非常便捷的方法。通过ID、...
单击“商品列表”下的复选框,在“您选择的商品”下显示选项,取消勾选则移除选项。包括全选,反选功能。 效果图:http://img.my.csdn.net/uploads/201212/19/1355892213_4318.jpg
"checkBox全选"功能是网页交互中的一个重要特性,它允许用户通过单击一个主复选框来一键选中或取消选中所有相关的子复选框。这个功能在数据筛选、表格操作以及多选项设置等场景中非常常见。本文将详细介绍如何实现`...
当用户点击表格的任意一行时,对应的复选框将会被选中或取消选中,实现了单击行即可改变复选框状态的功能,提高了用户体验。 ### 总结 layui的table组件提供了丰富的定制选项和事件处理能力,使得在前端开发中实现...
当用户选择一行时,可以将该行的复选框设置为选中状态,同时记录选中的行。可以创建一个数组来存储选中的行的索引,以便在需要时进行操作。 单击颜色加深和再点击颜色还原的效果可以通过CSS类的切换来实现。我们...
一个复选框通常与`<label>`元素结合使用,以便将文本与复选框关联起来。这可以通过设置`for`属性与复选框的`id`匹配来实现。例如: ```html 复选框文本 ``` ### JavaScript/jQuery 实现 为了使文本可点击并影响...
代码如下: //是否被选中验证有选中的return true,否return false function ... } 这是一个比较不错的方法,收藏了。下面这个函数是对上面的补充: 代码如下:本来就是这种写法啊。jq1.42的写法。 其次,建议你的逻辑处
添加一个全选按钮,通过`$('.selectAll').click(function() {...})`监听其点击事件,遍历所有复选框并改变它们的checked状态。 三、实现反选功能 1. 反选逻辑: 当用户点击已选择的项时,可以通过取反当前复选框...
jQuery是一款免费且开放源代码的JS代码库,由John Resig创建,它是轻量级的js库,兼容CSS3,兼容各种浏览器(IE6.0 , FF1.5 , Safari2.0 , ...恢复:触发器复选框和广播单击事件相同;恢复:添加无线电点击触发测试。
用户可以单击节点来展开或折叠树,也可以单击复选框来改变该节点的状态。这种组合使得用户能够以可视化的方式选择多个层次结构中的项目,这对于处理具有复杂关系的数据非常有用。 在实际应用中,TreeCheckBox的常见...
接下来,我们需要用JavaScript监听全选复选框的`click`事件,然后根据其状态改变子项复选框的状态。这里我们可以使用原生JavaScript或者jQuery库来实现。下面是使用原生JavaScript的例子: ```javascript document....
2.12 如何选中页面上的所有复选框 2.13 禁用表单的回车键提交 2.14 禁用右键单击上下文菜单 2.15 IE下禁用文本选择功能 2.16 输入框获取焦点时文本高亮提示 2.17 实现多个输入框同步操作 2.18 在新窗口中打开外部...
这是一个使用jQuery插件实现的伸缩效果,在网页上,单击单选按钮,也就是Radio元素后,所属的对应内容向下拉出,伸展开来,平时是不显示的,可用在发票查询等场合。
"选中表格后单击可对表格进行编辑"这一功能是许多应用程序中的常见特性,它允许用户方便地对表格内容进行快速修改。下面我们将深入探讨这个主题,了解如何操作以及它背后的技术实现。 首先,当我们谈论“单击表格中...