обновить 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 () - это определенная мной функция.Теперь он обновляет div #price только тогда, когда пользователь нажимает переключатель.

Также есть несколько групп радиокнопок - как мне добавить значение только одной радиокнопки из группы к общей цене?

Спасибо за помощь.

Answer 1

Можете ли вы предоставить более подробную информацию? Я вижу, что вы используете JQuery.

Вы можете использовать

$ (документ) .ready (function () {...});

для запуска некоторых методов при чтении документа.

Более того, вы можете добавить определенный класс к вашим HTML-элементам и использовать функцию «each» для их обхода.

, например

$ ('. Your_el'). Each (function () {...});

В этом случае обработчик будет выполняться для каждого объекта с классом "your_el".

Надеюсь, это поможет, даже если проблема мне не так понятна.

Che

Answer 2

Я думаю, что вам нужно пройтись по проверенным значениям, а не просто получить val() этого селектора, потому что кажется, что может быть несколько проверенных.

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