在页面加载时使用单选按钮的值更新 div答案

【问题标题】：update div with values of radio buttons on page load在页面加载时使用单选按钮的值更新 div
【发布时间】：2010-11-19 21:40:10
【问题描述】：

我需要在页面加载时收集选中的单选按钮的值（它们在页面加载时被选中）并添加它们，而不仅仅是在用户单击单选按钮时。

这里是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。

此外，还有几组单选按钮 - 我如何只将组中的一个单选按钮的值添加到总价中？

感谢您的帮助。

【问题讨论】：

标签： javascript jquery radio-button

【解决方案1】：

我认为您需要遍历检查的值，而不仅仅是获取该选择器的 val()，因为似乎可能有多个检查。

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

【讨论】：

【解决方案2】：

你能提供更多细节吗？我可以看到你正在使用 jQuery。

你可以使用

$(document).ready(function() {...});

在读取文档时运行一些方法。

此外，您可以为您的 html 元素添加一个特定的类，并使用“each”函数来遍历它们。

例如

$('.your_el').each(function() {...});

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

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

切

【讨论】：