使用Jquery获取并遍历表中的所有选择框

时间:2011-02-24 20:45:40

标签: javascript jquery

我是jQuery的新手..我有一个包含多个框的表。我想抓住表中的所有选择框并循环遍历它们。

我正在尝试创建一个执行此操作的函数,它看起来像这样:

function calculatePercentageTotal(tableName) {
    var total = 0;
    for (i = 0; i <= $("#" + tableName + ' select').length; i++) {
        total += parseInt($("#" + tableName + ' select')[i].val());
    }
    return total;
}

虽然没有工作......任何想法?谢谢!

3 个答案:

答案 0 :(得分:4)

这应该这样做:

function calculatePercentageTotal(tableName) {
  var total=0;
  $('#'+tableName+' select').each(function(){
    total+= +($(this).val());
  });
  return total;
}

答案 1 :(得分:0)

只需使用选择器即可获取元素。我不确定你在寻找哪些元素。如果您要做的是在所有选择(下拉列表)中对所选项目的值求和,那么您可以使用:

var mysum = 0;

$("#" + tableName.id + ' select').each(function(){
        mysum += $(this).val() * 1;
});

alert("mysum = " + mysum.toString);

// Why **"$(this).val() * 1"** - .val() will return a string with the value selected
// * 1 will make it numeric.

答案 2 :(得分:0)

$(document).ready(function(){
var total =0;

    $("#calculatebtn").click( function(e){
         $("select").each(function(){
             total += parseInt($(this).val());
          });
          alert("total=" + total); 
    });

});

您需要一个id ='calculatebtn'

的按钮