JavaScript，J Query需要幫助，如何匯總跨度值，如下面的HTML所示

Question

我如何總結html范圍內的值。 我被卡住了，因為我試過的代碼沒有得到html值。

<label class="radio">
<input type="radio" name="x_Defd1_price" id="x_Defd1_price_0" value="3">
        12

</label>

<label class="radio">

<input type="radio" name="x_Defd2_price" id="x_Defd2_price_0" value="4">
         13

</label>

<label class="radio">

<input type="radio" name="x_Defd3_price" id="x_Defd3_price_0" value="5">
        14
</label>

Answer 1

根據您的編輯，您似乎想要獲得12 + 13 + 14的總數？ 那是對的嗎？ 為此，使用jQuery，您只需：

var total = 0;
$('label.radio').each(function(){
  total += parseFloat($(this).text());
});
alert('total: ' + total);

或者，如果您嘗試獲取<input>值的總和，則可以使用：

var total = 0;
$('label.radio input').each(function(){
  total += parseFloat($(this).val());
});
alert('total: ' + total);

Answer 2

如果我正確理解你的問題，你可以使用javascript。

Var val1 = document.getElementById('x_Defd1_price_0').value;
Var val2 = document.getElementById('x_Defd1_price_1').value;
Var val3 = document.getElementById('x_Defd1_price_2').value;
Var sum = val1 + val2 + val3;
alert(sum);

Answer 3

為什么不使用像這樣的標簽簡單地使用javacript或jQuery獲取這些元素並執行您想要的任何操作。

<label class="radio">
<input type="radio" name="x_Defd1_price" id="x_Defd1_price_0" value="3">
        <p class="a_new_spam">12</p>

</label>

在您的樣式中設置“a_new_spam”類的屬性。