检查单选按钮的最佳做法是什么

Question

我在结帐页面上工作，该页面有2个单选按钮。

公司和私人

默认情况下会选中“私人”，如果点击公司则会显示一个范围。但是，如果我重新加载浏览器公司将保持检查，但不显示跨度。

如何＆＃34;结合＆＃34;这一切逻辑是最好的方法吗？

我需要＆＃34;检查＆＃34;在页面加载哪一个被检查+我需要检查何时对收音机设置进行了更改 - 我可以以某种方式组合，所以我最终只有一个功能？

//Check if company is set 
if ($("#check-acceptd").is(":checked")) {
        $("#Name").hide(); 
        } 
    else
        {
         $("#Name").show();  
        }
    });

<span>Private</span>
<input type="radio" checked="checked" name="radioCustomerType" id="radioPrivate" />
<span>Company</span>
<input type="radio" name="radioCustomerType" id="RadioCompany" />

<span id="Name">testing...</span>

// UPDATE

我试图这样做，但它没有按预期工作。什么时候被解雇＆＃34;

function checkCustomerType(){
        if( this.checked ){
            $("#Name").hide(); 
        } else {
             $("#Name").show();  
        }
    }
    $('#RadioPrivate, #RadioCompany').change(checkCustomerType);
    checkCustomerType();

//一个溶剂，但必须有更好的方法，想象我只有3个单选按钮，那么它需要更多的验证。

function checkCustomerType(){
        if ($("#RadioPrivate").is(":checked")) 
        {
            $("#Name").hide(); 
        } else {
             $("#Name").show();  
        }
    }
    $('#RadioPrivate, #RadioCompany').click(checkCustomerType);
    checkCustomerType();