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 ready上手动触发输入上的更改事件。

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