Jquery 表格某列汇总

在一个table 中最前面一列是复选框  获取复选框被勾选的某一列汇总如获取列1选中的值
-------------------------
选择  列1   列2    列3
■   22.3  23.4   12.4
■   22.1  33.1   33.4
口   11.1  22.4   34.5如果勾选第一条和第2条
就弹出显示  44.4------------------------------
请各位大侠帮帮忙

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

为何不提供html原型，还得给你敲字。
checkbox.click(funciton(){
if(this.checked)
{
   var r =this.parentNode.parentNode;
   var count = 0;
   $(r).children().each(function(i){
      if(i==0)return;
      count += parseFloat(this.innerHTML);
   });
   alert(count);
}
});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style>
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
var temp_value = 0;
$(".radio").click(function(){

if($("input[type=radio]").is(":checked")){
var value = $(this).parent().next().text();
temp_value = temp_value + parseFloat(value);
}
alert(temp_value)
});
});
</script>
</head>
<body>
<table width="200" border="1">
  <tr>
    <td><input type="radio" class="radio" /></td>
    <td>22.3</td>
    <td>23.4</td>
    <td>12.4</td>
  </tr>
  <tr>
    <td><input type="radio" class="radio" /></td>
    <td>22.1</td>
    <td>33.1</td>
    <td>33.4</td>
  </tr>
  <tr>
    <td><input type="radio" class="radio" /></td>
    <td>11.1</td>
    <td>22.4</td>
    <td>34.5</td>
  </tr>
</table></body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style>
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
    var temp_value = 0;
    $("#test").click(function(){
         $("input[type=checkbox]").each(function(){
  if($(this).is(":checked")){
  var value = $(this).parent().next().text();
  alert(value)
  temp_value = temp_value + parseFloat(value);
  }
});
        alert(temp_value)
    });
});
</script>
</head>
<body>
<table width="200" border="1">
  <tr>
    <td><input type="checkbox" class="checkbox" /></td>
    <td>22.3</td>
    <td>23.4</td>
    <td>12.4</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox" /></td>
    <td>22.1</td>
    <td>33.1</td>
    <td>33.4</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox" /></td>
    <td>11.1</td>
    <td>22.4</td>
    <td>34.5</td>
  </tr>
</table>
<input type="button" id="test" value="总和" />
</body>
</html>
   list = $("#Grid td:nth-child(6)").text().split(" ");
                for (var i = 0; i < list.length - 1; i++) {
                    sum = parseFloat(sum) + parseFloat(list[i]);
                }
  alert(sum);
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<table>
<tr><td>选项</td><td>列1</td><td>列2</td><td>列3</td></tr>
<tr><td><input type="checkbox"/></td><td>22.3</td><td>23.4</td><td>12.4</td></tr>
<tr><td><input type="checkbox"/></td><td>22.1</td><td>33.1</td><td>33.4</td></tr>
<tr><td><input type="checkbox"/></td><td>11.1</td><td>22.4</td><td>34.5</td></tr>
</table>
<input id="button_sum" type="button" value="合计"/>
<script>
$(document).ready(function() {
$("#button_sum").click(function() {
var sum = 0;
$("input:checked[type=checkbox]").each(
function() {
sum += parseFloat($(this).parents("tr").children("td:eq(1)").html());
}
);
alert(sum.toFixed(1));
});
});
</script>
</body>
</html>
非常感谢9楼的【zswang】帅哥啊
我也来一个
   <table id="tab" border="1">
     <tr>
     <td><input type="checkbox"></td>
     <td>23</td>
     <td>45</td>
     </tr>
     <tr>
     <td><input type="checkbox"></td>
     <td>13</td>
     <td>15</td>
     </tr>
     <tr>
     <td><input type="checkbox"></td>
     <td>43</td>
     <td>75</td>
     </tr>

    </table>
===
     function sum(){
       var sum =0;
       $("#tab tr").find(":nth-child(1):checked").each(function(){
         var tempHtml = $(this).parent().parent().find(":nth-child(2)").html();
         sum+=parseFloat(tempHtml);
       });
       alert(sum);
       return;
     }
===
九楼写的比我简洁。我也刚接触Jquery。哈哈
再简化一下：
$(document).ready(function() {
$("#button_sum").click(function() {
var sum = 0;
$("tr:has(input:checkbox:checked)").find("td:eq(1)").each(
function() {
sum += parseFloat($(this).html());
}
);
alert(sum.toFixed(1));
});
});写在一个选择器上还有点难度
小弟愚钝，td中多个<span>标签怎么写<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
    <table>
        <tr><td>选项</td><td>列1</td><td>列2</td><td>列3</td></tr>
        <tr><td><input type="checkbox"/></td><td><span>22.3</span></td><td>23.4</td><td>12.4</td></tr>
        <tr><td><input type="checkbox"/></td><td><span>22.1</span></td><td>33.1</td><td>33.4</td></tr>
        <tr><td><input type="checkbox"/></td><td><span>11.1</span></td><td>22.4</td><td>34.5</td></tr>
    </table>
    <input id="button_sum" type="button" value="合计"/>
    <script>
$(document).ready(function() {
    $("#button_sum").click(function() {
        var sum = 0;
        $("input:checked[type=checkbox]").each(
            function() {
                sum += parseFloat($(this).parents("tr").children("td:eq(1)").html());
            }
        );
        alert(sum.toFixed(1));
    });
});
    </script>
</body>
</html>
改成这样var value = $(this).parent().next().next().text();给分吧，呵呵
$(document).ready(function() {
$("#button_sum").click(function() {
var sum = 0;
$("tr:has(input:checkbox:checked)").find("td:eq(1)>span").each(
function() {
sum += parseFloat($(this).html());
}
);
alert(sum.toFixed(1));
});
});