JQuery更改和加载功能

时间:2012-04-19 18:59:14

标签: javascript jquery

以下查询在检查单选按钮并显示“结果值”时效果很好。

如果单选按钮已经检查了输入,我如何在页面加载时显示“结果值”?

jQuery(document).ready(function ($) {
    $('input[name*="fed"], input[name*="stake"]').change(function () {
        var $this = $(this),
        $wrap = $this.closest('.js-weight-calc-wrap'),
        fedVal = $wrap.find('input[name*="fed"]:checked').val(),
        stakeVal = $wrap.find('input[name*="stake"]:checked').val(),
        result = fedVal === 'Very High' ? '3'
             : fedVal === 'High' && stakeVal === 'Very High' ? '3'
             : fedVal === 'Low to Moderate' && stakeVal !== 'Very High' ? '1'
             : '2';
        $wrap.find('.js-result').text(result)
    });
});

1 个答案:

答案 0 :(得分:1)

最简单的解决方案是在dom ready上手动触发输入上的更改事件。

$('input[name*="fed"], input[name*="stake"]').trigger('change');