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/