关于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;全选/全不选的更多相关文章

  1. [转]jQuery操作radio、checkbox、select 集合.

    1.radio:单选框 html代码 <input type="radio" name="radio" id="radio1" val ...

  2. jQuery操作radio、checkbox、select 集合

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  3. jQuery操作radio、checkbox、select总结

    1.radio:单选框 HTML代码: <input type="radio" name="radio" id="radio1" va ...

  4. Jquery删除table里面checkbox选中的多个行

    自己闲来无聊,写了一篇关于jq选中复选框删除数据的一个功能,不足之处,还望多多包涵 js代码 <script type="text/javascript" src=" ...

  5. jquery实用应用之jquery操作radio、checkbox、select

    本文收集一些jquery的实用技巧,非常实用的哦,其中对radio.checkbox.select选中与取值的方法. 获取一组radio被选中项的值var item = $('input[@name= ...

  6. Jquery常用操作:checkbox、select取值,radio、checkbox、select选中及其相关

    常用Jquery操作:checkbox取值.select取值.radio选中.checkbox选中.select选中及其相关: 1.影藏页面元素 使用jquery真的很方便,比如要控制div的显示与隐 ...

  7. 《jQuery判断radio、checkbox、select 是否选中和设置选中问题以及获取选中值》总结

    <form> <input type="radio" name="gender" id="man" value=" ...

  8. jQuery遍历table中间tr td并获得td价值

    jQuery遍历table中间tr td并获得td中间值 $(function(){ $("#tableId tr").find("td").each(func ...

  9. js遍历table 和 jquery 遍历table

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

随机推荐

  1. IOI 2005 River (洛谷 3354)

    题目描述 几乎整个Byteland王国都被森林和河流所覆盖.小点的河汇聚到一起,形成了稍大点的河.就这样,所有的河水都汇聚并流进了一条大河,最后这条大河流进了大海.这条大河的入海口处有一个村庄--名叫 ...

  2. mac 安装配置使用 mongoldb

    mac 安装配置使用 mongoldb 安装和配置 brew install mongos brew install mongo # 密码就是用户的密码 # 配置数据文件 //如果不配置会出现错误62 ...

  3. AtCoder ABC 128E Roadwork

    题目链接:https://atcoder.jp/contests/abc128/tasks/abc128_e 题目大意 在一条路上(这条路可以看做坐标轴 x 轴从 0 开始方向为正无穷方向的射线),有 ...

  4. Linux环境下Jmeter 报错:Unable to get local host IP address

    主要是没有在host中配置本机ip hostname查看本机名 [root@test task]# hostname test [root@test task]# 打开 [root@test task ...

  5. Python3 多进程编程 - 学习笔记

    Python3 多进程编程(Multiprocess programming) 为什么使用多进程 具体用法 Python多线程的通信 进程对列Queue 生产者消费者问题 JoinableQueue ...

  6. sparkStreaming结合SparkSql实例

    SparkSQL结合SparkStreaming的使用 Flume+Kafka+SparkStreaming已经发展为一个比较成熟的实时日志收集与计算架构,利用Kafka,即可以支持将用于离线分析的数 ...

  7. 常见的arp欺骗

    三.常见ARP欺骗形式 1.假冒ARP reply包(单播) XXX,I have IP YYY and my MAC is ZZZ! 2.假冒ARP reply包(广播) Hello everyon ...

  8. 【学术篇】SDOI2011 计算器

    好一道三合一...(然而被我做成了四合一) 其实1 2 3是独立的OvO 然后就可以逐个分析了... 1 快速幂..就不说了..(我省选的时候有这么水的20pts部分分么←_← 2 两种做法(写在标题 ...

  9. SpringBoot 非web项目简单架构

    1.截图 2.DemoService package com.github.weiwei02.springcloudtaskdemo; import org.springframework.beans ...

  10. mysql 监控及优化——转载自http://www.cnblogs.com/suansuan/

    1.Mysql连接数 Mysql默认最大连接数为100. 设置Mysql的最大连接数,在Mysql的配置文件中增加: max_connections = 1000   #Mysql的最大连接数,默认如 ...