JQuery Change and Load functions

Question

The below query works great when it comes to checking radio buttons and having the "result value" display.

How do I have the "result value" display on page load since the radio buttons already have checked inputs?

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

j08691 · Accepted Answer · 2012-04-19 19:15:34Z

1

The simplest solution would be to just trigger the change event on the input manually on dom ready.

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

answered Apr 19, 2012 at 19:15

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

j08691 Over a year ago

No, just add my line after your change function.

Collectives™ on Stack Overflow

JQuery Change and Load functions

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related