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