jqury如何获取所选中行的数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function ss(a){
var tr=a.parentNode.parentNode;
if(a.checked){
tr.style.backgroundColor='red';
}else{
tr.style.backgroundColor='white';
}
}
</script>
</head><body>
<table>
<tr><td>a11</td><td>a12</td><td>a13</td><td><input type="checkbox" onclick="ss(this)"/></td></tr>
<tr><td>b11</td><td>b12</td><td>b13</td><td><input type="checkbox" onclick="ss(this)"/></td></tr>
<tr><td>c11</td><td>c12</td><td>c13</td><td><input type="checkbox" onclick="ss(this)"/></td></tr>
<tr><td>d11</td><td>d12</td><td>d13</td><td><input type="checkbox" onclick="ss(this)"/></td></tr>
</table>
</body>
</html>
类似这样试试

解决方案 »

  1.   

    $(function(){
    var tr = $("#tab tr");
    tr.each(function(index, element) {
    var text = $(this).children("td");
    alert("第"+(index+1)+"行数据："+text.eq(0).text()+","+text.eq(1).text()+","+text.eq(2).text()+","+text.eq(0).val());
            });
    });
      

  2.   

    function GetSelectedRowsData(){
    var result="";
    $("tr>td>input[type='checkbox']:checked").parent().siblings().each(
    function(){
    result +=  $(this).text() + ' ';
    }
    );

    alert(result);
    return result;
    }
      

  3.   

    function GetSelectedRowData(){
    var result="";
    $("tr>td:last>input[type='checkbox']:checked").parent().siblings().each(
    function(){
    result +=  $(this).text() + ' ';
    }
    );

    alert(result);
    return result;
    }
      

  4.   

    <table>
        <tr><td>a11</td><td>a12</td><td>a13</td><td><input type="checkbox" /></td></tr>
        <tr><td>b11</td><td>b12</td><td>b13</td><td><input type="checkbox" /></td></tr>
        <tr><td>c11</td><td>c12</td><td>c13</td><td><input type="checkbox" /></td></tr>
        <tr><td>d11</td><td>d12</td><td>d13</td><td><input type="checkbox" /></td></tr>
    </table>
    <button type="button" onclick="fun()">确定</button>
    <script type="text/javascript">
    function fun(){
        $("input:checked").each(function(){
            alert($(this).parents("tr").text());
        })
    }
    </script>