在页面加载时使用单选按钮的值更新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。

你可以用

$（document）.ready（function（）{...}）;

在阅读文档时运行某些方法。

此外，您可以将特定的类放入html元素，然后使用“每个”函数遍历它们。

例如

$（'。your_el'）。each（function（）{...}）;

在这种情况下，处理程序将在具有“ your_el”类的每个对象上执行。

希望这个帮助，即使问题对我来说不是很清楚。

车