Jquery 遍历 Table;遍历CheckBox ;遍历Select;全选/全不选
关于Jquery;相信大家已经很熟悉了,我最近的项目运用到关于Jquery的遍历事件;权当总结下:
遍历Table
<table id="thistab">
<tr>
<td class="t_l_bg">3</td>
<td><span class="t_trash"></span></td>
<td>
<input type="text" class="ui_input" />
</td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input sumnum" /></td>
<td>
<input type="text" class="ui_input chagePrice" /></td>
<td>
<input type="text" class="ui_input chageAmount" /></td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input" /></td>
</tr>
<tr>
<td class="t_l_bg">3</td>
<td><span class="t_trash"></span></td>
<td>
<input type="text" class="ui_input" />
</td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input sumnum" /></td>
<td>
<input type="text" class="ui_input chagePrice" /></td>
<td>
<input type="text" class="ui_input chageAmount" /></td>
<td>
<input type="text" class="ui_input" /></td>
<td>
<input type="text" class="ui_input" /></td>
</tr>
</table>
关于上面的table;我简单建立的
$("#thistab tr").each(function () {});
这个事件是遍历表thistab中所有的tr
var leg = $("#thistab tr").length - 1
$("#thistab tr:gt(0):lt(" + leg + ")").each(function () {
temp = $(this).children("td").eq(6).children("input").val();
if (temp.length > 0) {
sumPrice += Number(temp);
}
});
代码 $("#thistab tr").length是获取table的行数
gt(0)代表是大于第一行,从第二行起
lt(10)代表小于;
只有遍历到了行之后,才能去遍历行下面的TD;或者td下的input;
$(this).children("td").eq(6).children("input").val(); 这段代码边上,当前行下第七列中的input的value值;
遍历checkbox
$('input[type="checkbox"][name="chk_list"]:checked').each(function () {
alert($(this).val());
});
全选/全不选
$('input[name="chk_list"]').attr("checked", this.checked);
遍历select
$('select[name="selectlist"] option:selected').each(function () {
alert($(this).val()+"-"+$(this).text())
});
Jquery 遍历 Table;遍历CheckBox ;遍历Select;全选/全不选的更多相关文章
- [转]jQuery操作radio、checkbox、select 集合.
1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...
- jQuery操作radio、checkbox、select 集合
1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...
- jQuery操作radio、checkbox、select总结
1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...
- Jquery删除table里面checkbox选中的多个行
自己闲来无聊,写了一篇关于jq选中复选框删除数据的一个功能,不足之处,还望多多包涵 js代码 <script type="text/javascript" src=" ...
- jquery实用应用之jquery操作radio、checkbox、select
本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值var item = $('input[@name= ...
- Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关
常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...
- 《jQuery判断radio、checkbox、select 是否选中和设置选中问题以及获取选中值》总结
<form> <input type="radio" name="gender" id="man" value=" ...
- jQuery遍历table中间tr td并获得td价值
jQuery遍历table中间tr td并获得td中间值 $(function(){ $("#tableId tr").find("td").each(func ...
- js遍历table 和 jquery 遍历table
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
随机推荐
- 最佳实践:阿里云VPC、ECS支持IPv6啦!
12月6日,阿里云宣布为企业提供全栈IPv6解决方案. 阿里云专有网络VPC.云服务器ECS,作为阿里云的核心产品,也于2018年11月底上线双栈VPC.双栈ECS,目前正在对外公测中. 那么如何在阿 ...
- eclipse打包插件net.sf.fjep.fatjar
eclipse打包插件安装 1)将net.sf.fjep.fatjar_0.0.32.jar拷贝到eclipse安装目录中的plugins目录下,然后重启eclipse即可. 软件获取方式: 链接:h ...
- CentOS 启动提示unexpected inconsistency;RUN fsck MANUALLY, ntfs的input/output Error,InPageError c000009c使用chkdsk修复磁盘,12款Linux系统恢复工具
CentOS这两天服务器出了问题了,提示如下: unexpected inconsistency;RUN fsck MANUALLY An error occurred during the file ...
- Java-Class-@I:org.junit.Test
ylbtech-Java-Class-@I:org.junit.Test 1.返回顶部 2.返回顶部 3.返回顶部 4.返回顶部 1. package org.junit; import ...
- JVM内核-原理、诊断与优化学习笔记(十):Class文件结构
文章目录 语言无关性 文件结构 魔数 版本 常量池 CONSTANT_Utf8 CONSTANT_Integer CONSTANT_String CONSTANT_NameAndType CONSTA ...
- spring-boot-configuration-processor
spring默认使用yml中的配置,但有时候要用传统的xml或properties配置,就需要使用spring-boot-configuration-processor了 引入pom依赖 <de ...
- hash值的计算与转换 分类: ACM TYPE 2015-05-07 17:49 36人阅读 评论(0) 收藏
#include <bits/stdc++.h> using namespace std; const int MAXN = 100; const int X = 3; long long ...
- 312. 戳气球【困难】【区间DP】
题目链接 有 n 个气球,编号为0 到 n-1,每个气球上都标有一个数字,这些数字存在数组 nums 中. 现在要求你戳破所有的气球.每当你戳破一个气球 i 时,你可以获得 nums[left] * ...
- 在Linux下解压xz压缩文件
1.安装xz命令 # yum install xz -y 2.将xz文件解压为tar文件 # xz -d example.tar.xz 3.将tar文件解压 # tar xf example.tar ...
- 手动从零使用ELK构建一套搜索服务
前言 这两天需要对接一个新的搜索业务,由于测试机器还没到位,所以就自己创造条件,通过在Windows上安装VM虚拟机,模拟整套环境,从而能快速进入核心业务的开发测试状态中. 系统环境安装配置 虚拟机V ...