日期:2014-05-16  浏览次数:20411 次

如何获取table中checkbox 选中行中列的数据?
<table border = "1"> 
<tr> 
 <td><input type='checkbox' ><td>
  <td>1<td>
   <td>2<td>
</tr> 
<tr> 
 <td><input type='checkbox' ><td>
  <td>3<td>
   <td>4<td>
</tr> 
<tr> 
 <td><input type='checkbox' ><td>
  <td>5<td>
   <td>6<td>
</tr> 
</table> 
<input type=button value='选择'>
如何获取到当前选中的checkbox的行号?然后选到值啊

alert(rows[1].cells[2].innerHTML); 这样获取到第一行第二列的值。但是我不会获取当前选中的行数,然后按button获取到值
应该是1,2 或是3,4

根据选中的checkbox 获取当当前行的各列数据。列是固定的。行不确定
------解决方案--------------------

<!DOCTYPE html>
<html>
 <head>
<title></title>
<script src='http://code.jquery.com/jquery-1.11.0-beta1.js'></script>
 </head>
 <body>
 <table border = "1" id='tbodyID'> 
<tr> 
 <td><input type='checkbox' ></td>
  <td>1</td>
   <td>2</td>
</tr> 
<tr> 
 <td><input type='checkbox' ></td>
  <td>3</td>
   <td>4</td>
</tr> 
<tr> 
 <td><input type='checkbox' ></td>
  <td>5</td>
   <td>6</td>
</tr> 
</table> 
<input type=button value='选择' onclick='ck()'>
<script>
    function ck(){
    var tbodyObj = document.getElementById('tbodyID');
        $("table :checkbox").each(function(key,value){
            if($(value).prop('checked')){
                alert(tbodyObj.rows[key].cells[1].innerHTML); 
                alert(tbodyObj.rows[key].cells[2].innerHTML); 
            }
        })
    }
</script>
 </body>
 </html>