在頁面加載時使用單選按鈕的值更新div

Question

我需要在頁面加載時收集選中的單選按鈕的值（在加載頁面時對其進行檢查）並添加它們，而不僅僅在用戶單擊單選按鈕時。

這裏的JavaScript：

$(function() 
{ 
    updateDivResult(); 
    $('input:radio').live('click',updateDivResult); 
    $('#1').click(); 
}) 
function updateDivResult(){ 
    if ($("input:radio:checked")) 
    { 
     price = parseFloat($(this).val()); 
     $('#price').html(roundNumber(price,2)); 
    } 
}; 

roundNumber（）是我定義的函數。 現在它只會在用戶單擊單選按鈕時更新#price div。

此外，還有幾組單選按鈕 - 我如何才能將組中的一個單選按鈕的值添加到總價中？

感謝您的協助。

Answer 1

我認爲你需要循環檢查值而不是僅僅得到該選擇器的val()，因爲它似乎可能有多個選中。

function updateDivResult(){ 
    var price = 0; 
    $(":radio:checked").each(function(){ 
     price += parseFloat($(this).val()); 
    }); 
    $('#price').html(roundNumber(price,2));     
}; 

Answer 2

您能否提供更多詳細信息？ 我可以看到你正在使用jQuery。

你可以使用

$（文件）。就緒（函數（）{...}）;

在讀取文檔時運行一些方法。

此外，你可以把一個特定的類放到你的html元素中，並使用「each」函數遍歷它們。

例如（'。your_el'）。each（function（）{...}）;

在這種情況下，處理程序將在類「your_el」的每個對象上執行。

希望這個幫助，即使問題不是很清楚。

Che