2012-04-19 55 views
0

下面的查询在检查单选按钮并显示“结果值”时效果很好。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

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

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

我在想什么?我用你的代码替换了这行代码,但无济于事...... – Alex 2012-04-19 19:29:00

+1

不,只需在你的更改函数后添加我的行。 – j08691 2012-04-19 19:33:32

+0

谢谢,效果很好! – Alex 2012-04-19 19:41:51