`
opportunity
  • 浏览: 12368 次
  • 性别: Icon_minigender_2
  • 来自: 火星
社区版块
存档分类
最新评论

jquery 动态表相关

 
阅读更多
jquery 点击button 然后获取所在是第几行:
$('#delRuleButton').click(function(){
   var rowIndex = $(this).closest("tr").index();
   alert('当前行数为='+rowIndex);
});

如何解决rowspan = 4 行情况 的删除:
//点击【删除评分规则】按钮
		$('#delRuleButton').click(function(){
			hintMsg("addRuleButton", "");
			renameField("qualitativeRuleListTab",1); //rename表名
			var f_qualitativeRuleListTab=document.getElementById('qualitativeRuleListTab');
//			var rowLen = f_qualitativeRuleListTab.rows.length; //获取表的行数
			
			var selFlag = false;
			$('input[type=checkbox][id=selQuesBankId]').each(function(){ //循环checkBox
				if($(this).attr("checked")==true){//取勾选的框
//					var v = $(this).attr("value");
					selFlag = true ;
					var rowSpanNum = $(this).attr("readOptionNum");//获取rowSpan的值
					var rowIndex = $(this).closest("tr").index();//获取当前触发事件的行号
					var num = parseInt(rowSpanNum);
//					alert('rowIndex='+rowIndex+'   rowSpanNum='+rowSpanNum);
					for ( var j = num -1 ; j >= 0; j--) {
						var m = parseInt(rowIndex) + j;   //行从最后一条往前删除,防止编号出错
						f_qualitativeRuleListTab.deleteRow(m);
					}
				}
			});

//			alert('selFlag='+selFlag);
			if (!selFlag) {
				showMsg("delRuleButton", "请至少勾选一条信息!");//用来校验删除前是否有勾选
				return false;
			}
		});
分享到:
评论

相关推荐

    jquery动态添加删除(tr/td)

    在介绍jQuery动态添加删除表格行(tr)和单元格(td)的过程中,首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,对于Web开发人员来...

    jquery动态生成树

    本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术,如Struts2、treeview插件及JSON数据格式,来动态地在网页上构建一个可交互的目录树结构。 首先,让我们详细了解一下每个组件的作用: 1. **jQuery...

    jquery动态分页数据获取代码

    在这个场景中,`"jquery动态分页数据获取代码"` 指的是利用 jQuery 实现网页上的动态分页功能,并通过 AJAX 获取服务器端的数据。 首先,我们需要了解动态分页的基本原理。动态分页是将整个数据集分割成若干个部分...

    jquery动态背景效果.rar

    本资源"jquery动态背景效果.rar"显然是一个利用jQuery实现动态背景效果的示例项目,主要关注JavaScript特效,特别是与颜色和图形背景相关的应用。 首先,我们来了解一下jQuery的核心特性: 1. 选择器:jQuery提供了...

    jquery alert 提示框、动态加载提示框、jquery插件

    本文将详细探讨"jQuery Alert提示框"、"动态加载提示框"以及"jQuery插件"的相关知识点。 一、jQuery Alert提示框 在网页开发中,我们常常需要向用户显示一些信息或确认操作,传统的JavaScript alert函数虽然简单,...

    jquery动态绘图(各种绘图)

    jQuery动态绘图提供了丰富的可能性,无论你是希望创建简单的形状,还是复杂的数据图表,或者富有互动性的动画,都能找到合适的工具和方法。通过熟悉jQuery及相关的绘图库,你可以让网页的视觉效果更加生动,提升用户...

    jquery动态下拉菜单.zip

    本压缩包“jquery动态下拉菜单.zip”包含了使用 jQuery 创建动态下拉菜单的相关资源。 “说明.htm”可能是教程或示例代码的解释文档,而“jiaoben17110”可能是一个HTML文件,其中包含了实际的jQuery代码示例。下面...

    jQuery动态菜单列表(树)

    在"jQuery动态菜单列表(树)"中,我们主要关注的是如何通过jQuery来构建可展开和折叠的层次结构菜单。 首先,我们需要引入jQuery库和一个用于创建树形菜单的插件,如`jquery-treeview`。在本例中,压缩包中的`...

    使用jquery实现表格动态分页

    本教程将详细讲解如何使用jQuery库来实现表格的动态分页,同时结合Java后端进行数据的动态查询和分页处理。 首先,让我们了解动态分页的基本原理。动态分页是指在用户滚动或点击分页按钮时,仅加载当前显示的数据,...

    jQuery动态添加删除移动列表插件

    首先,jQuery动态添加功能允许我们在用户交互时实时向页面中的列表添加新元素。例如,当你有一个表单,用户输入信息后,这些信息可以即时添加到列表中。以下是一个简单的示例: ```javascript $("#addButton")....

    jQuery实现动态给table赋值的方法示例

    通过这种方式,我们可以利用jQuery动态地生成表格,而无需在HTML中硬编码数据。这种方法的优点在于,当数据源发生变化时,只需更新JavaScript数组即可,不需要修改HTML,提高了代码的可维护性和灵活性。 此外,这个...

    jQuery动态创建表格生成器代码.zip

    《jQuery动态创建表格生成器代码详解》 在Web开发中,动态生成表格是常见的需求,尤其是在数据展示和交互性较强的应用场景中。jQuery作为一个轻量级的JavaScript库,以其简洁的API和强大的功能深受开发者喜爱。本文...

    jQuery动态响应式时间轴代码

    【jQuery动态响应式时间轴代码】是一款用于创建交互式、自适应浏览器宽度的垂直时间轴网页特效的jQuery插件。这个代码实现的核心在于利用jQuery的灵活性和强大的DOM操作能力,结合现代前端技术,实现了在不同屏幕...

    动态查询城市jquery

    这个"动态查询城市jquery"项目显然利用jQuery实现了这一功能,让用户能够方便地搜索和选择全国范围内的城市。 首先,我们要理解jQuery是如何实现动态查询的。jQuery提供了一种简单的方式来处理DOM(文档对象模型)...

    jQuery实现动态添加、删除按钮及input输入框的方法

    通过本篇文章,我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法,同时还将涉及到事件响应和页面元素动态操作的相关技巧。 首先,我们需要注意的是,当页面加载完毕后,jQuery的$(document)....

    jquery动态添加tab内嵌ifream插件

    要实现jQuery动态添加Tab并内嵌iFrame,我们需要以下步骤: 1. **HTML结构**:创建一个基础的Tab容器,包括Tab标题区和内容区。标题区的每个li元素对应一个Tab,内容区则用来放置iFrame。 ```html <!-- 动态添加...

    动态表单验证 jquery

    首先,我们需要引入jQuery库以及`jquery.validationEngine.js`和其相关的CSS文件,如`jquery-1.6.min.js`或`jquery-1.7.2.min.js`,`jquery.validationEngine-en.js`(英文语言包)和`validationEngine.jquery.css`...

    jquery动画表情插件

    1. **安装和引入**:确保页面已引入jQuery库,然后通过`<script>`标签引入`jquery.mb.emoticons.js` 文件,并加载相关的CSS样式。 2. **初始化设置**:通过jQuery选择器找到目标元素,然后调用`.emoticons()`方法...

    jQuery+ajax实现动态添加表格tr td功能示例

    ### jQuery+ajax实现动态添加表格tr td功能 在进行Web开发时,我们经常需要动态地从服务器获取数据,并将这些数据展示在网页上。表格是展示这些数据的一种常见形式。本文将详细解析使用jQuery和ajax技术来实现动态...

    jQuery实现的主从表的使用

    主从表(Master-Detail)是一种数据库关系模型,主表通常包含一组记录,而从表则对应于主表中的每一项,存储与之相关的详细信息。在网页中,主表通常显示为简洁的列表,用户可以选择其中的一项,然后从表会展示所选...

Global site tag (gtag.js) - Google Analytics