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) ...
随机推荐
- LeetCode 1019. Next Greater Node In Linked List (链表中的下一个更大节点)
题目标签:Linked List, Stack 题目给了我们一个 Linked List,让我们找出对于每一个数字,它的下一个更大的数字. 首先把 Linked List 里的数字 存入 ArrayL ...
- 解决jqGrid中,当前页一直显示为0的问题
项目中,经常会见到使用 jqGrid 进行一些数据的列表展示,而且使用起来也比较方便.但是有时会遇到一些奇怪的问题,比如前几天我就遇到了在使用 jqGrid 时,当前页一直显示为 0 的问题.下图就是 ...
- 剑指offer——14机器人的运动范围
题目描述 地上有一个m行和n列的方格.一个机器人从坐标0,0的格子开始移动,每一次只能向左,右,上,下四个方向移动一格,但是不能进入行坐标和列坐标的数位之和大于k的格子. 例如,当k为18时,机器人能 ...
- linux 下 CDH4.5编译
1.安装JDK JDK:我这里 安装的是jdk1.6.0_23 1.1:给文件执行的权限chmod u+x jdk-6u23-linux-x64.bin 1.2: ./jdk-6u23-linux-x ...
- 注意:阿里Druid连接池监控的两个坑
阿里的Druid大家都知道是最好的连接池,其强大的监控功能是我们追求的重要特性.但在实际情况中也有不少坑,说下最近遇到的一个坑吧! 问题1:不断打印error级别的错误日志 session ip ch ...
- jmeter接口测试(基础)
一.jmeter创建请求 1.运行jmeter:jmeter.bat 2.右键测试计划,添加一个:线程组 3.右键前面添加的线程组,添加一个:http请求 4.填写请求信息: 5.右键线程组, ...
- 用js判断是否是微信浏览器
//判断是否是微信浏览器的函数 function isWeiXin(){ //window.navigator.userAgent属性包含了浏览器类型.版本.操作系统类型.浏览器引擎类型等信息,这 ...
- fuzzy commitment 和fuzzy vault
Alice,这位令人惊异的魔术天才,正表演关于人类意念的神秘技巧.她将在Bob选牌之前猜中Bob将选的牌!注意Alice在一张纸上写出她的预测.Alice很神秘地将那张纸片装入信封中并封上.就在人们吃 ...
- .net 裁剪图片
private void GetImg() { ) { return; } ]; string[] imgsize = Request["imgsize"].Split('& ...
- 尝试 zabbix 小记
server : Ubuntu 16.04 zabbix: 2.2.23源码包 安装 gcc,curl,make,snmp 软件和zabbix依赖一些php 扩展包 sudo apt-get inst ...