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

In the following example http://jsfiddle.net/hU89p/200/

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

How can I get the row values of selected check boxes on the onClick function

如何在onClick函数中获取选中复选框的行值

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

in the following table while selecting multiple checkboxes I have to alert the corresponding row values .

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

function myfunc(ele) {

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

           )};
              }

For example:

例如:

while selecting first two checkboxes I have to get BlackBerry9650, 2/5, UK, and Samsung Galaxy,3.5/5 ,US

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

How it is possible?

它是如何可能?

4 个解决方案

#1

jsFiddle Demo

jsFiddle演示

If you want them to be separated with commas and spaces you can push every cell on its own and use JS Array .join()

如果希望它们与逗号和空格分开，可以单独推入每个单元格，并使用JS数组.join()

var values = new Array();

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

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

#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);
 });

Example: http://jsfiddle.net/hU89p/213/

例如:http://jsfiddle.net/hU89p/213/

for your custom output check this:

对于您的自定义输出，请检查以下内容:

Example: http://jsfiddle.net/hU89p/215/

例如:http://jsfiddle.net/hU89p/215/

#3

Try:

试一试:

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

演示小提琴

#4

I've updated your Fiddle a bit, the resulting code looks like this:
HTML:

我更新了一下你的小提琴，结果代码是这样的: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>

Script:

脚本:

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

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

#1