zoukankan      html  css  js  c++  java
  • checkbox批量选中,获取选中的项的值

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <script type="text/javascript" src="jquery.js"></script>
     </head>


     <body>
      <div id="table">
    <table id="personList" border="1">
    <tr>
    <th>ID</th>
    <th><input type="checkbox" name="allCheck"  id=="allCheck" onclick="fun()"></input></th>
    <th>name</th>
    <th>age</th>
    <th>Country</th>
    </tr>
    <tr>
    <td>1</td>
    <th><input type="checkbox" name="checkme" id="a"></input></th>
    <td>asan</td>
    <td>32</td>
    <td>China</td>
    </tr>
    <tr>
    <td>2</td>
    <th><input type="checkbox" name="checkme" id="b3e"></input></th>
    <td>hon</td>
    <td>30</td>
    <td>JP</td>
    </tr>
    <tr>
    <td>3</td>
    <th><input type="checkbox" name="checkme" id="cdd"></input></th>
    <td>Jhone</td>
    <td>27</td>
    <td>USA</td>
    </tr>
    </table>
      
      </div>
      <input type="button" value="" onclick="s()" id="qw" name="aaa"/>


      <script>

    function checkAll()
    {
    var checkedOfAll=$("#allCheck").attr("checked");
    alert(checkedOfAll);
    $("input[name='checkme']").attr("checked", checkedOfAll);
    }

    /**
    function checkAll(){
    var obj = document.getElementsByName("checkme");
    var arr = new Array();
    for(var i=0;i<obj.length;i++){
    obj[i].click();
    arr[i]=$(obj[i]).parent().siblings().first().text();
    alert(arr);
    }
    }
    */


    function s(){
    var obj = document.getElementsByName("checkme");
    var arr = [];
    for(var i=0;i<obj.length;i++){
    if($(obj[i]).is(':checked')){
    var id = $(obj[i]).parent().siblings().first().text();
    var name = $(obj[i]).parent().siblings().eq(1).text();
    var age = $(obj[i]).parent().siblings().eq(2).text();
    var country = $(obj[i]).parent().siblings().eq(3).text();
    alert("id"+id+" ,name:"+name+" ,age:"+age+" ,country:"+country);
    //alert("$(obj[i]):"+$(obj[i])+" ,id:"+$(obj[i]).id+" ,name:"+$(obj[i]).name)
    }
    }
    }
      </script>
     </body>

    </html>

  • 相关阅读:
    OSGI概念理解和入门
    东莞工厂探访
    软件开发经验之谈
    参加2019华为软件精英挑战赛心得
    论python中的函数参数的传递问题。
    pyhton中常用的基础模块
    程序编译
    hadoop源码学习(二)之ZooKeeper
    我用linux系统的采坑记
    macos解决Hadoop之Unable to load native-hadoop library
  • 原文地址:https://www.cnblogs.com/uman/p/5621568.html
Copyright © 2011-2022 走看看