zoukankan      html  css  js  c++  java
  • 关于checkbox对应一张表时如何遍历

    html代码:

     1 <table>
     2     <tr>
     3         <td><input name='one' type='checkbox' value='1'/></td>
     4         <td name="name">张三</td>
     5         <td name="age">35</td>
     6         <td name="job">职员</td>
     7         <td naem="sal">3444</td>
     8     </tr>
     9     <tr>
    10         <td><input name='one' type='checkbox' value='1'/></td>
    11         <td name="name">李四</td>
    12         <td name="age">34</td>
    13         <td name="job">职员</td>
    14         <td naem="sal">4555</td>
    15     </tr>
    16     <tr>
    17         <td><input name='one' type='checkbox' value='1'/></td>
    18         <td name="name">王二</td>
    19         <td name="age">55</td>
    20         <td name="job">boss</td>
    21         <td naem="sal">10000</td>
    22     </tr>
    23 </table>
    24 <button id="btn" value="submit">submit</button>

    js代码:
     1 <script src="jquery-2.1.4/jquery.min.js"></script>
     2 
     3 <script>
     4     $(document).ready(function () {
     5         $("#btn").click(function () {
     6             var row;
     7             $("input[type='checkbox']").each(function () {
     8                 if($(this).is(":checked")){
     9                //获取整个表,为下面遍历
    10                     row = $(this).parent("td").parent("tr");
    11               //比较val(),html(),text()的区别
    12                     var  str = row.html();
    13                     var str1 = row.val();
    14                     var str2 = row.text();
    15                     alert(str);
    16                     alert(str1);
    17                     alert(str2);
    18              //采用find() childen()方法进行选择
    19                     var str3 = row.find("td").text();
    20                     var str4 = row.find("td").val();
    21                     var str5 = row.find("td").html();
    22                     alert(str3);
    23                     alert(str4);
    24                     alert(str5);
    25                     var str6 = row.find(".name").text();
    26                     var str7 = row.find(".name").val();
    27                     var str8 = row.find(".name").html();
    28                     alert(str6);
    29                     alert(str7);
    30                     alert(str8);
    31                 }
    32 
    33             })
    34         })
    35     })
    36 </script>


  • 相关阅读:
    Windows下使用Visual Studio Code搭建Go语言环境
    无缓冲和带缓冲channel的区别
    Asp.Net MVC如何返回401响应码
    从这里开始我的博客园
    java判定字符串中仅有数字和- 正则表达式匹配 *** 最爱那水货
    主席树
    Mybitis+springMVC 套路
    jeeplus ani 文档路径
    jquery easyui datagrid 多选只能获取一条数据
    python写入文件编码报错
  • 原文地址:https://www.cnblogs.com/lwx521/p/7617095.html
Copyright © 2011-2022 走看看