jQuery在页面加载时显示div，具体取决于选中的单选按钮

Question

我有这个jquery片段，当单选按钮被更改时隐藏或显示div ...

jQuery(document).ready(function () {

jQuery('input:radio[name="radiotype"]').change(
    function(){
        if (jQuery(this).val() == 'div1') {
          alert('div1 is selected');
            jQuery('.div1').css({'display':'block'});
            jQuery('.div2').css({'display':'none'});
        }
        else if (jQuery(this).val() == 'div2') {
         alert('div2 is selected');
            jQuery('.div1').css({'display':'none'});
            jQuery('.div2').css({'display':'block'});
        }
        else if (jQuery(this).val() == '') {
          alert('any is selected');
            jQuery('.div1').css({'display':'none'});
            jQuery('.div2').css({'display':'none'});            
        }

    })

});

http://jsfiddle.net/92tbLwrk/

当单选按钮被更改时，它正在正常工作，但我希望它根据选中的单选按钮更改页面加载。

有人建议链接到我，但我正在努力使它与我的例子一起工作。

Answer 1

绑定事件后，您可以将更改事件触发到选中按钮：

jQuery('input:radio[name="radiotype"]').change(function(){
   //your code
}).filter(':checked').change()

Working Demo