javascript - JQuery 更改和加载函数

Question

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

由于单选按钮已经检查了输入，如何在页面加载时显示“结果值”？

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)
    });
});

Answer 1

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

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