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

时间:2010-11-19 13:29:22

标签: javascript jquery radio-button

我需要在页面加载时收集已检查单选按钮的值(在页面加载时检查它们)并添加它们,而不仅仅是在用户单击单选按钮时。

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

此外,还有一些单选按钮组 - 如何仅将组中一个单选按钮的值添加到总价中?

感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

我认为您需要循环检查已检查的值,而不是仅仅获取该选择器的val(),因为它似乎可以检查多个。

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

答案 1 :(得分:0)

您能提供更多详情吗? 我可以看到你正在使用jQuery。

您可以使用

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

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

此外,您可以将特定类放入html元素并使用“each”函数遍历它们。

e.g。

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

在这种情况下,将使用类“your_el”在每个对象上执行处理程序。

希望这有帮助,即使问题不是那么清楚。