JQuery 语法，带有 .val(""); （返回数组）

Question

我对 Jquery 很陌生，所以我对如何执行下面描述的操作有点困惑...

我想要做什么：

1. 搜索整个页面以获取输入包含“费率”一词和“数量”一词的文本框。

2. 进行计算，求和（费率 * 数量）

3. 将结果呈现给用户。

我所做的

1. 因为行是动态添加的，所以元素名称中有 GUID，所以我搜索它们。

在我需要帮助的地方，

我可以使用 .val("") 命令提取值，但我对如何执行我需要的步骤的语法感到困惑。

这就是我所拥有的：

  $("#alertButton").live("click", function () {
                var rateValues = $('input[name*="Rate"]').val("");
                var qtyValues = $('input[name*="Qty"]').val(""); 

                           //how do i handle it here

            });

这是其中一个费率文本框的呈现方式，就像在 html 中一样（可能有 0 到多个文本框，因为它们是动态添加到页面中的）

<input type="text" value="0" style="width: 100%;" name="JobDetails[dd1c94e5-5e83-4a92-b5c4-0a5aea0eb5df].Rate" id="JobDetails___randomNumber___Rate" data-val-required="The Rate (Exl GST) field is required." data-val-number="The field Rate (Exl GST) must be a number." data-val="true">

Answer 1

当您将参数传递给“.val()”时（即使是空字符串），您设置的值。您可以使用“.val()”（无参数）获取值，但这仅获取第一个匹配元素的值。

总的来说，您可能想要的是使用“.map()”：

var rateValues = $('input[name*="Rate"]').map(function() {
  return this.value;
});
var qtyValues = $('input[name*="Qty"]').map(function() {
  return this.value;
});

这将为您提供包含值和数量的数组。如果您还想要“id”或“name”，您可以返回其他内容：

var rateValues = $('input[name*="Rate"]').map(function() {
  return { value: this.value, name: this.name };
});

然后您将拥有一个对象数组。

Answer 2

要检索值，您必须使用 .val() （无引号）。您实际上将这些字段的值设置为空字符串。

由于您说这些字段可能不止一对，因此您必须实际循环搜索结果，检索每对的值，然后进行计算。现在，您将该 val 应用于所有匹配的输入。

var rateValues = $('input[name*="Rate"]').val();
var qtyValues = $('input[name*="Qty"]').val(); 
$(rateValues).each(function(i, val) {
     // val is rateValues[i]
     qty = qtyValues[i];
     ... do your calculations
});

Answer 3

$("#alertButton").live("click", function () {
   var rateValues=new Array();
    var qtyValues=new Array();
        $('input[name*="Rate"]').each(function(){
rateValues.push($(this).val());
   });
        $('input[name*="Qty"]').each(function(){
qtyValues.push($(this).val());
   });

 });

应该给你一系列的费率和数量的数组