jquery - Jquery获取选定复选框的表行值

Question

在以下示例中 http://jsfiddle.net/hU89p/200/

如何获取 onClick 函数上选定复选框的行值

          Select   Cell phone        Rating     Location
                   BlackBerry9650    2/5        UK
                   Samsung Galaxy    3.5/5      US
                   Droid X           4.5/5      REB

在下表中选择多个复选框时，我必须提醒相应的行值。

function myfunc(ele) {

 var values = new Array();
       $.each($("input[name='case[]']:checked"), function() {
       values.push($(this).val());
       alert("val---"+values);

           )};
              }

例如：

在选择前两个复选框时，我必须get BlackBerry9650, 2/5, UK, and Samsung Galaxy,3.5/5 ,US

怎么可能？

Answer 1

jsFiddle 演示

如果您希望它们用逗号和空格分隔，您可以单独推动每个单元格并使用JS Array .join()

var values = new Array();

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

   alert("val---" + values.join(", "));

Answer 2

$("input[name='case[]']").click(function(){
 var values = new Array();
       $.each($("input[name='case[]']:checked"), function() {
           var data = $(this).parents('tr:eq(0)');
           values.push({ 'callphone':$(data).find('td:eq(1)').text(), 'rating':$(data).find('td:eq(2)').text() , 'location':$(data).find('td:eq(3)').text()});             
       });

       console.log(values);
 });

示例：http: //jsfiddle.net/hU89p/213/

对于您的自定义输出，请检查：

示例：http: //jsfiddle.net/hU89p/215/

Answer 3

我已经稍微更新了您的 Fiddle，生成的代码如下所示：
HTML：

<table border="1">
    <tr>
        <th>Select</th>
        <th>Cell phone</th>
        <th>Rating</th>
        <th>Location</th>
    </tr>
    <tr>
        <td align="center">
            <input type="checkbox" class="case" name="case" value="1" />
        </td>
        <td>BlackBerry Bold 9650</td>
        <td>2/5</td>
        <td>UK</td>
    </tr>
    <tr>
        <td align="center">
            <input type="checkbox" class="case" name="case" value="2" />
        </td>
        <td>Samsung Galaxy</td>
        <td>3.5/5</td>
        <td>US</td>
    </tr>
    <tr>
        <td align="center">
            <input type="checkbox" class="case" name="case" value="3" />
        </td>
        <td>Droid X</td>
        <td>4.5/5</td>
        <td>REB</td>
    </tr>
    </tr>
</table>

脚本：

$('[name=case]').click(function () {
    checkAll();
});

function checkAll() {
    $('[name=case]:checked').each(function () {
        alert('selected: ' + $(this).val());
    });
}

Answer 4

尝试：

function myfunc(ele) {
 var values = new Array();
       $.each($("input[name='case[]']:checked").parents("td").siblings(), function() {
           values.push($(this).text());
           alert("val---"+values);
       });
}

DEMO FIDDLE