如何通过JQuery中的复选框获取所选列的值？

目前我得到该行的所有输出。是否有可能只获取所选“点”的值。我怎样才能做到这一点？如何通过JQuery中的复选框获取所选列的值？

检查时所预期的输出： SF01 SF02 SF03

检查时，电流输出： SF01 11.5 3.5328 120.3359

<table border="1" width="100%" id="selectTable" name="selectTable"> 
    <legend>Display Data Points</legend> 
    <tr> 
     <th></th> 
     <th width="40%">Point</th> 
     <th width="20%">Depth</th> 
     <th width="20%">Lat</th> 
     <th width="20%">Long</th> 
    </tr> 
    <tr> 
     <td> 
      <input type="checkbox" class="checkBox" name="checkBox[]" /> 
     </td> 
     <td>SF01</td> 
     <td>11.5</td> 
     <td>3.5328</td> 
     <td>120.3359</td> 
    </tr> 
    <tr> 
     <td> 
      <input type="checkbox" class="checkBox" name="checkBox[]" /> 
     </td> 
     <td>SF02</td> 
     <td>41.5</td> 
     <td>6.5328</td> 
     <td>113.3359</td> 
    </tr> 
    <tr> 
     <td> 
      <input type="checkbox" class="checkBox" name="checkBox[]" /> 
     </td> 
     <td>SF03</td> 
     <td>82.1</td> 
     <td>5.2828</td> 
     <td>721.9059</td> 
    </tr> 
</table> 

<script type="text/javascript"> 
    function clickedBox() { 

     var values = new Array(); 

     $.each($("input[name='checkBox[]']:checked").closest("td").siblings("td"), function() { 
      values.push($(this).text()); 

     }); 

     document.getElementById("boxArea").value = "=====Results=====\n" + values.join("\n"); 
    } 

    $(document).ready(function() { 
     $("#selectPoint").click(clickedBox); 
    }); 
</script>

来源

2015-11-04 aiper

与HTML相比预期输出的例子，看来你的意思是你想从一个特定的列得到vlaues，而不是行？如果是这样，请编辑您的问题，以便意义明显。否则，你需要提供更多的说明。 –

这里'＃selectPoint'的元素是什么？ –

加入'ready'，'$（'：checkbox [name =“checkBox []”]'）。change（clickedBox）;' – Tushar

变化siblings('td')到next('td')我希望你需要bi nd event至checkbox。

$.each($("input[name='checkBox[]']:checked").closest("td").next("td"), function() { 
                 //^^^^here 
    values.push($(this).text()); 
});

DEMO

当你说siblings那么它会获取所有的第一 td的siblings，这就是为什么你所得到的所有值。

来源

2015-11-04 13:52:32

啊！好的，我明白了。谢谢。 – aiper

随时随地..快乐编码.. :) –

为了使之更简单 -

使用元素data属性把你的价值。

<input type="checkbox" data-value="SF02"/>

jQuery-

$(function(){ 
    values= new Array(); 
    $.each($('input[type="checkbox"]:checked'),function(index,item){ 
    values.push(item.data('value'); 
    }); 
});

来源

2015-11-04 14:08:23 Manoj

如何通过JQuery中的复选框获取所选列的值？

回答

相关问题